﻿@charset "UTF-8";

@font-face {
	font-family: element-icons;
	src: url(/vue/styles/el/fonts/element-icons.woff) format("woff"),url(/vue/styles/el/fonts/element-icons.ttf) format("truetype");
	font-weight: 400;
	font-display: "auto";
	font-style: normal;
}

@-webkit-keyframes rotating {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes rotating {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes v-modal-in {
	0% {
		opacity: 0;
	}
}

@-webkit-keyframes v-modal-out {
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes dialog-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@keyframes dialog-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@keyframes v-modal-in {
	0% {
		opacity: 0;
	}
}

@keyframes v-modal-out {
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes msgbox-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@keyframes msgbox-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@-webkit-keyframes slideInRight-enter {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	to {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight-enter {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	to {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes slideInRight-leave {
	0% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes slideInRight-leave {
	0% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes slideInLeft-enter {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	to {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft-enter {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	to {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes slideInLeft-leave {
	0% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes slideInLeft-leave {
	0% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px;
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px;
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px;
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px;
	}
}

@-webkit-keyframes progress {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 32px 0;
	}
}

@keyframes progress {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 32px 0;
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1,150;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -124;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,150;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -124;
	}
}

@-webkit-keyframes viewer-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes viewer-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes viewer-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@keyframes viewer-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0;
	}
}

@-webkit-keyframes el-drawer-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes el-drawer-fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes rtl-drawer-in {
	0% {
		-webkit-transform: translate(100%,0);
		transform: translate(100%,0);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@keyframes rtl-drawer-in {
	0% {
		-webkit-transform: translate(100%,0);
		transform: translate(100%,0);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-webkit-keyframes rtl-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(100%,0);
		transform: translate(100%,0);
	}
}

@keyframes rtl-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(100%,0);
		transform: translate(100%,0);
	}
}

@-webkit-keyframes ltr-drawer-in {
	0% {
		-webkit-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@keyframes ltr-drawer-in {
	0% {
		-webkit-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-webkit-keyframes ltr-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}
}

@keyframes ltr-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}
}

@-webkit-keyframes ttb-drawer-in {
	0% {
		-webkit-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@keyframes ttb-drawer-in {
	0% {
		-webkit-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-webkit-keyframes ttb-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}
}

@keyframes ttb-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}
}

@-webkit-keyframes btt-drawer-in {
	0% {
		-webkit-transform: translate(0,100%);
		transform: translate(0,100%);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@keyframes btt-drawer-in {
	0% {
		-webkit-transform: translate(0,100%);
		transform: translate(0,100%);
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-webkit-keyframes btt-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(0,100%);
		transform: translate(0,100%);
	}
}

@keyframes btt-drawer-out {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	100% {
		-webkit-transform: translate(0,100%);
		transform: translate(0,100%);
	}
}

@-webkit-keyframes el-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

@keyframes el-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

[class*="el-icon-"] {
	font-family: element-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^=el-icon-] {
	font-family: element-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round {
	&:before {
		content: "\e6a0";
	}
}

.el-icon-ice-cream-square {
	&:before {
		content: "\e6a3";
	}
}

.el-icon-lollipop {
	&:before {
		content: "\e6a4";
	}
}

.el-icon-potato-strips {
	&:before {
		content: "\e6a5";
	}
}

.el-icon-milk-tea {
	&:before {
		content: "\e6a6";
	}
}

.el-icon-ice-drink {
	&:before {
		content: "\e6a7";
	}
}

.el-icon-ice-tea {
	&:before {
		content: "\e6a9";
	}
}

.el-icon-coffee {
	&:before {
		content: "\e6aa";
	}
}

.el-icon-orange {
	&:before {
		content: "\e6ab";
	}
}

.el-icon-pear {
	&:before {
		content: "\e6ac";
	}
}

.el-icon-apple {
	&:before {
		content: "\e6ad";
	}
}

.el-icon-cherry {
	&:before {
		content: "\e6ae";
	}
}

.el-icon-watermelon {
	&:before {
		content: "\e6af";
	}
}

.el-icon-grape {
	&:before {
		content: "\e6b0";
	}
}

.el-icon-refrigerator {
	&:before {
		content: "\e6b1";
	}
}

.el-icon-goblet-square-full {
	&:before {
		content: "\e6b2";
	}
}

.el-icon-goblet-square {
	&:before {
		content: "\e6b3";
	}
}

.el-icon-goblet-full {
	&:before {
		content: "\e6b4";
	}
}

.el-icon-goblet {
	&:before {
		content: "\e6b5";
	}
}

.el-icon-cold-drink {
	&:before {
		content: "\e6b6";
	}
}

.el-icon-coffee-cup {
	&:before {
		content: "\e6b8";
	}
}

.el-icon-water-cup {
	&:before {
		content: "\e6b9";
	}
}

.el-icon-hot-water {
	&:before {
		content: "\e6ba";
	}
}

.el-icon-ice-cream {
	&:before {
		content: "\e6bb";
	}
}

.el-icon-dessert {
	&:before {
		content: "\e6bc";
	}
}

.el-icon-sugar {
	&:before {
		content: "\e6bd";
	}
}

.el-icon-tableware {
	&:before {
		content: "\e6be";
	}
}

.el-icon-burger {
	&:before {
		content: "\e6bf";
	}
}

.el-icon-knife-fork {
	&:before {
		content: "\e6c1";
	}
}

.el-icon-fork-spoon {
	&:before {
		content: "\e6c2";
	}
}

.el-icon-chicken {
	&:before {
		content: "\e6c3";
	}
}

.el-icon-food {
	&:before {
		content: "\e6c4";
	}
}

.el-icon-dish-1 {
	&:before {
		content: "\e6c5";
	}
}

.el-icon-dish {
	&:before {
		content: "\e6c6";
	}
}

.el-icon-moon-night {
	&:before {
		content: "\e6ee";
	}
}

.el-icon-moon {
	&:before {
		content: "\e6f0";
	}
}

.el-icon-cloudy-and-sunny {
	&:before {
		content: "\e6f1";
	}
}

.el-icon-partly-cloudy {
	&:before {
		content: "\e6f2";
	}
}

.el-icon-cloudy {
	&:before {
		content: "\e6f3";
	}
}

.el-icon-sunny {
	&:before {
		content: "\e6f6";
	}
}

.el-icon-sunset {
	&:before {
		content: "\e6f7";
	}
}

.el-icon-sunrise-1 {
	&:before {
		content: "\e6f8";
	}
}

.el-icon-sunrise {
	&:before {
		content: "\e6f9";
	}
}

.el-icon-heavy-rain {
	&:before {
		content: "\e6fa";
	}
}

.el-icon-lightning {
	&:before {
		content: "\e6fb";
	}
}

.el-icon-light-rain {
	&:before {
		content: "\e6fc";
	}
}

.el-icon-wind-power {
	&:before {
		content: "\e6fd";
	}
}

.el-icon-baseball {
	&:before {
		content: "\e712";
	}
}

.el-icon-soccer {
	&:before {
		content: "\e713";
	}
}

.el-icon-football {
	&:before {
		content: "\e715";
	}
}

.el-icon-basketball {
	&:before {
		content: "\e716";
	}
}

.el-icon-ship {
	&:before {
		content: "\e73f";
	}
}

.el-icon-truck {
	&:before {
		content: "\e740";
	}
}

.el-icon-bicycle {
	&:before {
		content: "\e741";
	}
}

.el-icon-mobile-phone {
	&:before {
		content: "\e6d3";
	}
}

.el-icon-service {
	&:before {
		content: "\e6d4";
	}
}

.el-icon-key {
	&:before {
		content: "\e6e2";
	}
}

.el-icon-unlock {
	&:before {
		content: "\e6e4";
	}
}

.el-icon-lock {
	&:before {
		content: "\e6e5";
	}
}

.el-icon-watch {
	&:before {
		content: "\e6fe";
	}
}

.el-icon-watch-1 {
	&:before {
		content: "\e6ff";
	}
}

.el-icon-timer {
	&:before {
		content: "\e702";
	}
}

.el-icon-alarm-clock {
	&:before {
		content: "\e703";
	}
}

.el-icon-map-location {
	&:before {
		content: "\e704";
	}
}

.el-icon-delete-location {
	&:before {
		content: "\e705";
	}
}

.el-icon-add-location {
	&:before {
		content: "\e706";
	}
}

.el-icon-location-information {
	&:before {
		content: "\e707";
	}
}

.el-icon-location-outline {
	&:before {
		content: "\e708";
	}
}

.el-icon-location {
	&:before {
		content: "\e79e";
	}
}

.el-icon-place {
	&:before {
		content: "\e709";
	}
}

.el-icon-discover {
	&:before {
		content: "\e70a";
	}
}

.el-icon-first-aid-kit {
	&:before {
		content: "\e70b";
	}
}

.el-icon-trophy-1 {
	&:before {
		content: "\e70c";
	}
}

.el-icon-trophy {
	&:before {
		content: "\e70d";
	}
}

.el-icon-medal {
	&:before {
		content: "\e70e";
	}
}

.el-icon-medal-1 {
	&:before {
		content: "\e70f";
	}
}

.el-icon-stopwatch {
	&:before {
		content: "\e710";
	}
}

.el-icon-mic {
	&:before {
		content: "\e711";
	}
}

.el-icon-copy-document {
	&:before {
		content: "\e718";
	}
}

.el-icon-full-screen {
	&:before {
		content: "\e719";
	}
}

.el-icon-switch-button {
	&:before {
		content: "\e71b";
	}
}

.el-icon-aim {
	&:before {
		content: "\e71c";
	}
}

.el-icon-crop {
	&:before {
		content: "\e71d";
	}
}

.el-icon-odometer {
	&:before {
		content: "\e71e";
	}
}

.el-icon-time {
	&:before {
		content: "\e71f";
	}
}

.el-icon-bangzhu {
	&:before {
		content: "\e724";
	}
}

.el-icon-close-notification {
	&:before {
		content: "\e726";
	}
}

.el-icon-microphone {
	&:before {
		content: "\e727";
	}
}

.el-icon-turn-off-microphone {
	&:before {
		content: "\e728";
	}
}

.el-icon-position {
	&:before {
		content: "\e729";
	}
}

.el-icon-postcard {
	&:before {
		content: "\e72a";
	}
}

.el-icon-message {
	&:before {
		content: "\e72b";
	}
}

.el-icon-chat-line-square {
	&:before {
		content: "\e72d";
	}
}

.el-icon-chat-dot-square {
	&:before {
		content: "\e72e";
	}
}

.el-icon-chat-dot-round {
	&:before {
		content: "\e72f";
	}
}

.el-icon-chat-square {
	&:before {
		content: "\e730";
	}
}

.el-icon-chat-line-round {
	&:before {
		content: "\e731";
	}
}

.el-icon-chat-round {
	&:before {
		content: "\e732";
	}
}

.el-icon-set-up {
	&:before {
		content: "\e733";
	}
}

.el-icon-turn-off {
	&:before {
		content: "\e734";
	}
}

.el-icon-open {
	&:before {
		content: "\e735";
	}
}

.el-icon-connection {
	&:before {
		content: "\e736";
	}
}

.el-icon-link {
	&:before {
		content: "\e737";
	}
}

.el-icon-cpu {
	&:before {
		content: "\e738";
	}
}

.el-icon-thumb {
	&:before {
		content: "\e739";
	}
}

.el-icon-female {
	&:before {
		content: "\e73a";
	}
}

.el-icon-male {
	&:before {
		content: "\e73b";
	}
}

.el-icon-guide {
	&:before {
		content: "\e73c";
	}
}

.el-icon-news {
	&:before {
		content: "\e73e";
	}
}

.el-icon-price-tag {
	&:before {
		content: "\e744";
	}
}

.el-icon-discount {
	&:before {
		content: "\e745";
	}
}

.el-icon-wallet {
	&:before {
		content: "\e747";
	}
}

.el-icon-coin {
	&:before {
		content: "\e748";
	}
}

.el-icon-money {
	&:before {
		content: "\e749";
	}
}

.el-icon-bank-card {
	&:before {
		content: "\e74a";
	}
}

.el-icon-box {
	&:before {
		content: "\e74b";
	}
}

.el-icon-present {
	&:before {
		content: "\e74c";
	}
}

.el-icon-sell {
	&:before {
		content: "\e6d5";
	}
}

.el-icon-sold-out {
	&:before {
		content: "\e6d6";
	}
}

.el-icon-shopping-bag-2 {
	&:before {
		content: "\e74d";
	}
}

.el-icon-shopping-bag-1 {
	&:before {
		content: "\e74e";
	}
}

.el-icon-shopping-cart-2 {
	&:before {
		content: "\e74f";
	}
}

.el-icon-shopping-cart-1 {
	&:before {
		content: "\e750";
	}
}

.el-icon-shopping-cart-full {
	&:before {
		content: "\e751";
	}
}

.el-icon-smoking {
	&:before {
		content: "\e752";
	}
}

.el-icon-no-smoking {
	&:before {
		content: "\e753";
	}
}

.el-icon-house {
	&:before {
		content: "\e754";
	}
}

.el-icon-table-lamp {
	&:before {
		content: "\e755";
	}
}

.el-icon-school {
	&:before {
		content: "\e756";
	}
}

.el-icon-office-building {
	&:before {
		content: "\e757";
	}
}

.el-icon-toilet-paper {
	&:before {
		content: "\e758";
	}
}

.el-icon-notebook-2 {
	&:before {
		content: "\e759";
	}
}

.el-icon-notebook-1 {
	&:before {
		content: "\e75a";
	}
}

.el-icon-files {
	&:before {
		content: "\e75b";
	}
}

.el-icon-collection {
	&:before {
		content: "\e75c";
	}
}

.el-icon-receiving {
	&:before {
		content: "\e75d";
	}
}

.el-icon-suitcase-1 {
	&:before {
		content: "\e760";
	}
}

.el-icon-suitcase {
	&:before {
		content: "\e761";
	}
}

.el-icon-film {
	&:before {
		content: "\e763";
	}
}

.el-icon-collection-tag {
	&:before {
		content: "\e765";
	}
}

.el-icon-data-analysis {
	&:before {
		content: "\e766";
	}
}

.el-icon-pie-chart {
	&:before {
		content: "\e767";
	}
}

.el-icon-data-board {
	&:before {
		content: "\e768";
	}
}

.el-icon-data-line {
	&:before {
		content: "\e76d";
	}
}

.el-icon-reading {
	&:before {
		content: "\e769";
	}
}

.el-icon-magic-stick {
	&:before {
		content: "\e76a";
	}
}

.el-icon-coordinate {
	&:before {
		content: "\e76b";
	}
}

.el-icon-mouse {
	&:before {
		content: "\e76c";
	}
}

.el-icon-brush {
	&:before {
		content: "\e76e";
	}
}

.el-icon-headset {
	&:before {
		content: "\e76f";
	}
}

.el-icon-umbrella {
	&:before {
		content: "\e770";
	}
}

.el-icon-scissors {
	&:before {
		content: "\e771";
	}
}

.el-icon-mobile {
	&:before {
		content: "\e773";
	}
}

.el-icon-attract {
	&:before {
		content: "\e774";
	}
}

.el-icon-monitor {
	&:before {
		content: "\e775";
	}
}

.el-icon-search {
	&:before {
		content: "\e778";
	}
}

.el-icon-takeaway-box {
	&:before {
		content: "\e77a";
	}
}

.el-icon-paperclip {
	&:before {
		content: "\e77d";
	}
}

.el-icon-printer {
	&:before {
		content: "\e77e";
	}
}

.el-icon-document-add {
	&:before {
		content: "\e782";
	}
}

.el-icon-document {
	&:before {
		content: "\e785";
	}
}

.el-icon-document-checked {
	&:before {
		content: "\e786";
	}
}

.el-icon-document-copy {
	&:before {
		content: "\e787";
	}
}

.el-icon-document-delete {
	&:before {
		content: "\e788";
	}
}

.el-icon-document-remove {
	&:before {
		content: "\e789";
	}
}

.el-icon-tickets {
	&:before {
		content: "\e78b";
	}
}

.el-icon-folder-checked {
	&:before {
		content: "\e77f";
	}
}

.el-icon-folder-delete {
	&:before {
		content: "\e780";
	}
}

.el-icon-folder-remove {
	&:before {
		content: "\e781";
	}
}

.el-icon-folder-add {
	&:before {
		content: "\e783";
	}
}

.el-icon-folder-opened {
	&:before {
		content: "\e784";
	}
}

.el-icon-folder {
	&:before {
		content: "\e78a";
	}
}

.el-icon-edit-outline {
	&:before {
		content: "\e764";
	}
}

.el-icon-edit {
	&:before {
		content: "\e78c";
	}
}

.el-icon-date {
	&:before {
		content: "\e78e";
	}
}

.el-icon-c-scale-to-original {
	&:before {
		content: "\e7c6";
	}
}

.el-icon-view {
	&:before {
		content: "\e6ce";
	}
}

.el-icon-loading {
	&:before {
		content: "\e6cf";
	}

	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

.el-icon-rank {
	&:before {
		content: "\e6d1";
	}
}

.el-icon-sort-down {
	&:before {
		content: "\e7c4";
	}
}

.el-icon-sort-up {
	&:before {
		content: "\e7c5";
	}
}

.el-icon-sort {
	&:before {
		content: "\e6d2";
	}
}

.el-icon-finished {
	&:before {
		content: "\e6cd";
	}
}

.el-icon-refresh-left {
	&:before {
		content: "\e6c7";
	}
}

.el-icon-refresh-right {
	&:before {
		content: "\e6c8";
	}
}

.el-icon-refresh {
	&:before {
		content: "\e6d0";
	}
}

.el-icon-video-play {
	&:before {
		content: "\e7c0";
	}
}

.el-icon-video-pause {
	&:before {
		content: "\e7c1";
	}
}

.el-icon-d-arrow-right {
	&:before {
		content: "\e6dc";
	}
}

.el-icon-d-arrow-left {
	&:before {
		content: "\e6dd";
	}
}

.el-icon-arrow-up {
	&:before {
		content: "\e6e1";
	}
}

.el-icon-arrow-down {
	&:before {
		content: "\e6df";
	}
}

.el-icon-arrow-right {
	&:before {
		content: "\e6e0";
	}
}

.el-icon-arrow-left {
	&:before {
		content: "\e6de";
	}
}

.el-icon-top-right {
	&:before {
		content: "\e6e7";
	}
}

.el-icon-top-left {
	&:before {
		content: "\e6e8";
	}
}

.el-icon-top {
	&:before {
		content: "\e6e6";
	}
}

.el-icon-bottom {
	&:before {
		content: "\e6eb";
	}
}

.el-icon-right {
	&:before {
		content: "\e6e9";
	}
}

.el-icon-back {
	&:before {
		content: "\e6ea";
	}
}

.el-icon-bottom-right {
	&:before {
		content: "\e6ec";
	}
}

.el-icon-bottom-left {
	&:before {
		content: "\e6ed";
	}
}

.el-icon-caret-top {
	&:before {
		content: "\e78f";
	}
}

.el-icon-caret-bottom {
	&:before {
		content: "\e790";
	}
}

.el-icon-caret-right {
	&:before {
		content: "\e791";
	}
}

.el-icon-caret-left {
	&:before {
		content: "\e792";
	}
}

.el-icon-d-caret {
	&:before {
		content: "\e79a";
	}
}

.el-icon-share {
	&:before {
		content: "\e793";
	}
}

.el-icon-menu {
	&:before {
		content: "\e798";
	}
}

.el-icon-s-grid {
	&:before {
		content: "\e7a6";
	}
}

.el-icon-s-check {
	&:before {
		content: "\e7a7";
	}
}

.el-icon-s-data {
	&:before {
		content: "\e7a8";
	}
}

.el-icon-s-opportunity {
	&:before {
		content: "\e7aa";
	}
}

.el-icon-s-custom {
	&:before {
		content: "\e7ab";
	}
}

.el-icon-s-claim {
	&:before {
		content: "\e7ad";
	}
}

.el-icon-s-finance {
	&:before {
		content: "\e7ae";
	}
}

.el-icon-s-comment {
	&:before {
		content: "\e7af";
	}
}

.el-icon-s-flag {
	&:before {
		content: "\e7b0";
	}
}

.el-icon-s-marketing {
	&:before {
		content: "\e7b1";
	}
}

.el-icon-s-shop {
	&:before {
		content: "\e7b4";
	}
}

.el-icon-s-open {
	&:before {
		content: "\e7b5";
	}
}

.el-icon-s-management {
	&:before {
		content: "\e7b6";
	}
}

.el-icon-s-ticket {
	&:before {
		content: "\e7b7";
	}
}

.el-icon-s-release {
	&:before {
		content: "\e7b8";
	}
}

.el-icon-s-home {
	&:before {
		content: "\e7b9";
	}
}

.el-icon-s-promotion {
	&:before {
		content: "\e7ba";
	}
}

.el-icon-s-operation {
	&:before {
		content: "\e7bb";
	}
}

.el-icon-s-unfold {
	&:before {
		content: "\e7bc";
	}
}

.el-icon-s-fold {
	&:before {
		content: "\e7a9";
	}
}

.el-icon-s-platform {
	&:before {
		content: "\e7bd";
	}
}

.el-icon-s-order {
	&:before {
		content: "\e7be";
	}
}

.el-icon-s-cooperation {
	&:before {
		content: "\e7bf";
	}
}

.el-icon-bell {
	&:before {
		content: "\e725";
	}
}

.el-icon-message-solid {
	&:before {
		content: "\e799";
	}
}

.el-icon-video-camera {
	&:before {
		content: "\e772";
	}
}

.el-icon-video-camera-solid {
	&:before {
		content: "\e796";
	}
}

.el-icon-camera {
	&:before {
		content: "\e779";
	}
}

.el-icon-camera-solid {
	&:before {
		content: "\e79b";
	}
}

.el-icon-download {
	&:before {
		content: "\e77c";
	}
}

.el-icon-upload2 {
	&:before {
		content: "\e77b";
	}
}

.el-icon-upload {
	&:before {
		content: "\e7c3";
	}
}

.el-icon-picture-outline-round {
	&:before {
		content: "\e75f";
	}
}

.el-icon-picture-outline {
	&:before {
		content: "\e75e";
	}
}

.el-icon-picture {
	&:before {
		content: "\e79f";
	}
}

.el-icon-close {
	&:before {
		content: "\e6db";
	}
}

.el-icon-check {
	&:before {
		content: "\e6da";
	}
}

.el-icon-plus {
	&:before {
		content: "\e6d9";
	}
}

.el-icon-minus {
	&:before {
		content: "\e6d8";
	}
}

.el-icon-help {
	&:before {
		content: "\e73d";
	}
}

.el-icon-s-help {
	&:before {
		content: "\e7b3";
	}
}

.el-icon-circle-close {
	&:before {
		content: "\e78d";
	}
}

.el-icon-circle-check {
	&:before {
		content: "\e720";
	}
}

.el-icon-circle-plus-outline {
	&:before {
		content: "\e723";
	}
}

.el-icon-remove-outline {
	&:before {
		content: "\e722";
	}
}

.el-icon-zoom-out {
	&:before {
		content: "\e776";
	}
}

.el-icon-zoom-in {
	&:before {
		content: "\e777";
	}
}

.el-icon-error {
	&:before {
		content: "\e79d";
	}
}

.el-icon-success {
	&:before {
		content: "\e79c";
	}
}

.el-icon-circle-plus {
	&:before {
		content: "\e7a0";
	}
}

.el-icon-remove {
	&:before {
		content: "\e7a2";
	}
}

.el-icon-info {
	&:before {
		content: "\e7a1";
	}
}

.el-icon-question {
	&:before {
		content: "\e7a4";
	}
}

.el-icon-warning-outline {
	&:before {
		content: "\e6c9";
	}
}

.el-icon-warning {
	&:before {
		content: "\e7a3";
	}
}

.el-icon-goods {
	&:before {
		content: "\e7c2";
	}
}

.el-icon-s-goods {
	&:before {
		content: "\e7b2";
	}
}

.el-icon-star-off {
	&:before {
		content: "\e717";
	}
}

.el-icon-star-on {
	&:before {
		content: "\e797";
	}
}

.el-icon-more-outline {
	&:before {
		content: "\e6cc";
	}
}

.el-icon-more {
	&:before {
		content: "\e794";
	}
}

.el-icon-phone-outline {
	&:before {
		content: "\e6cb";
	}
}

.el-icon-phone {
	&:before {
		content: "\e795";
	}
}

.el-icon-user {
	&:before {
		content: "\e6e3";
	}
}

.el-icon-user-solid {
	&:before {
		content: "\e7a5";
	}
}

.el-icon-setting {
	&:before {
		content: "\e6ca";
	}
}

.el-icon-s-tools {
	&:before {
		content: "\e7ac";
	}
}

.el-icon-delete {
	&:before {
		content: "\e6d7";
	}
}

.el-icon-delete-solid {
	&:before {
		content: "\e7c9";
	}
}

.el-icon-eleme {
	&:before {
		content: "\e7c7";
	}
}

.el-icon-platform-eleme {
	&:before {
		content: "\e7ca";
	}
}

.el-icon--right {
	margin-left: 5px;
}

.el-icon--left {
	margin-right: 5px;
}

.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	font-weight: 700;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}

	button {
		display: inline-block;
		font-size: 13px;
		min-width: 35.5px;
		height: 28px;
		line-height: 28px;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: none;
		padding: 0 6px;
		background: 0 0;

		&:focus {
			outline: 0;
		}

		&:hover {
			color: #409EFF;
		}

		&:disabled {
			color: #C0C4CC;
			background-color: #FFF;
			cursor: not-allowed;
		}
	}

	span {
		&:not([class*=suffix]) {
			display: inline-block;
			font-size: 13px;
			min-width: 35.5px;
			height: 28px;
			line-height: 28px;
			vertical-align: top;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	}

	.el-input__inner {
		text-align: center;
		-moz-appearance: textfield;
		line-height: normal;
	}

	.el-input__suffix {
		right: 0;
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}

	.el-select {
		.el-input {
			width: 100px;
			margin: 0 5px;

			.el-input__inner {
				padding-right: 25px;
				border-radius: 3px;
			}
		}
	}

	.btn-next {
		background: center center no-repeat #FFF;
		background-size: 16px;
		cursor: pointer;
		margin: 0;
		color: #303133;
		padding-left: 12px;

		.el-icon {
			display: block;
			font-size: 12px;
			font-weight: 700;
		}
	}

	.btn-prev {
		background: center center no-repeat #FFF;
		background-size: 16px;
		cursor: pointer;
		margin: 0;
		color: #303133;
		padding-right: 12px;

		.el-icon {
			display: block;
			font-size: 12px;
			font-weight: 700;
		}
	}

	.el-pager {
		li.disabled {
			color: #C0C4CC;
			cursor: not-allowed;
		}
	}
}

.el-pager {
	li {
		-webkit-box-sizing: border-box;
		text-align: center;
		vertical-align: top;
		margin: 0;
		display: inline-block;
		padding: 0 4px;
		background: #FFF;
		font-size: 13px;
		min-width: 35.5px;
		height: 28px;
		line-height: 28px;
		cursor: pointer;
		box-sizing: border-box;

		&:hover {
			color: #409EFF;
		}
	}

	padding: 0;
	vertical-align: top;
	margin: 0;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	font-size: 0;

	.more {
		&::before {
			line-height: 30px;
		}
	}

	li.btn-quicknext {
		line-height: 28px;
		color: #303133;

		&:hover {
			cursor: pointer;
		}
	}

	li.btn-quickprev {
		line-height: 28px;
		color: #303133;

		&:hover {
			cursor: pointer;
		}
	}

	li.btn-quicknext.disabled {
		color: #C0C4CC;
	}

	li.btn-quickprev.disabled {
		color: #C0C4CC;
	}

	li.active + li {
		border-left: 0;
	}

	li.active {
		color: #409EFF;
		cursor: default;
	}
}

.el-pagination__editor {
	-webkit-box-sizing: border-box;
	text-align: center;
	line-height: 18px;
	padding: 0 2px;
	height: 28px;
	margin: 0 2px;
	box-sizing: border-box;
	border-radius: 3px;

	.el-input__inner {
		&::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		&::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
	}
}

.el-pagination--small {
	.btn-next {
		border-color: transparent;
		font-size: 12px;
		line-height: 22px;
		height: 22px;
		min-width: 22px;
	}

	.btn-prev {
		border-color: transparent;
		font-size: 12px;
		line-height: 22px;
		height: 22px;
		min-width: 22px;
	}

	.el-pager {
		li {
			border-color: transparent;
			font-size: 12px;
			line-height: 22px;
			height: 22px;
			min-width: 22px;

			&:last-child {
				border-color: transparent;
				font-size: 12px;
				line-height: 22px;
				height: 22px;
				min-width: 22px;
			}
		}

		li.btn-quicknext {
			border-color: transparent;
			font-size: 12px;
			line-height: 22px;
			height: 22px;
			min-width: 22px;
		}

		li.btn-quickprev {
			border-color: transparent;
			font-size: 12px;
			line-height: 22px;
			height: 22px;
			min-width: 22px;
		}
	}

	.arrow.disabled {
		visibility: hidden;
	}

	.more {
		&::before {
			line-height: 24px;
		}
	}

	li.more {
		&::before {
			line-height: 24px;
		}
	}

	button {
		height: 22px;
		line-height: 22px;
	}

	span {
		&:not([class*=suffix]) {
			height: 22px;
			line-height: 22px;
		}
	}

	.el-pagination__editor {
		height: 22px;
	}

	.el-pagination__editor.el-input {
		.el-input__inner {
			height: 22px;
		}
	}
}

.el-pagination__sizes {
	margin: 0 10px 0 0;
	font-weight: 400;
	color: #606266;

	.el-input {
		.el-input__inner {
			font-size: 13px;
			padding-left: 8px;

			&:hover {
				border-color: #409EFF;
			}
		}
	}
}

.el-pagination__total {
	margin-right: 10px;
	font-weight: 400;
	color: #606266;
}

.el-pagination__jump {
	margin-left: 24px;
	font-weight: 400;
	color: #606266;

	.el-input__inner {
		padding: 0 3px;
	}
}

.el-pagination__rightwrapper {
	float: right;
}

.el-pagination.is-background {
	.btn-next {
		padding: 0;
		margin: 0 5px;
		background-color: #f4f4f5;
		color: #606266;
		min-width: 30px;
		border-radius: 2px;

		&:disabled {
			color: #C0C4CC;
		}
	}

	.btn-prev {
		padding: 0;
		margin: 0 5px;
		background-color: #f4f4f5;
		color: #606266;
		min-width: 30px;
		border-radius: 2px;

		&:disabled {
			color: #C0C4CC;
		}
	}

	.el-pager {
		li {
			margin: 0 5px;
			background-color: #f4f4f5;
			color: #606266;
			min-width: 30px;
			border-radius: 2px;

			&:not(.disabled) {
				&:hover {
					color: #409EFF;
				}
			}

			&:not(.disabled).active {
				background-color: #409EFF;
				color: #FFF;
			}
		}

		li.disabled {
			color: #C0C4CC;
		}
	}

	.btn-next.disabled {
		color: #C0C4CC;
	}

	.btn-prev.disabled {
		color: #C0C4CC;
	}
}

.el-pagination__editor.el-input {
	width: 50px;

	.el-input__inner {
		height: 28px;
	}
}

.el-pagination.is-background.el-pagination--small {
	.btn-next {
		margin: 0 3px;
		min-width: 22px;
	}

	.btn-prev {
		margin: 0 3px;
		min-width: 22px;
	}

	.el-pager {
		li {
			margin: 0 3px;
			min-width: 22px;
		}
	}
}

.el-dialog {
	position: relative;
	margin: 0 auto 50px;
	background: #FFF;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}

.el-dialog.is-fullscreen {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
	overflow: auto;
}

.el-dialog__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: 0;
}

.el-dialog__header {
	padding: 20px 20px 10px;
}

.el-dialog__headerbtn {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	background: 0 0;
	border: none;
	outline: 0;
	cursor: pointer;
	font-size: 16px;

	.el-dialog__close {
		color: #909399;
	}

	&:focus {
		.el-dialog__close {
			color: #409EFF;
		}
	}

	&:hover {
		.el-dialog__close {
			color: #409EFF;
		}
	}
}

.el-dialog__title {
	line-height: 24px;
	font-size: 18px;
	color: #303133;
}

.el-dialog__body {
	padding: 30px 20px;
	color: #606266;
	font-size: 14px;
	word-break: break-all;
}

.el-dialog__footer {
	padding: 10px 20px 20px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-dialog--center {
	text-align: center;

	.el-dialog__body {
		text-align: initial;
		padding: 25px 25px 30px;
	}

	.el-dialog__footer {
		text-align: inherit;
	}
}

.dialog-fade-enter-active {
	-webkit-animation: dialog-fade-in .3s;
	animation: dialog-fade-in .3s;
}

.dialog-fade-leave-active {
	-webkit-animation: dialog-fade-out .3s;
	animation: dialog-fade-out .3s;
}

.el-autocomplete {
	position: relative;
	display: inline-block;
}

.el-autocomplete-suggestion {
	margin: 5px 0;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	border-radius: 4px;
	border: 1px solid #E4E7ED;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;

	li {
		padding: 0 20px;
		margin: 0;
		line-height: 34px;
		cursor: pointer;
		color: #606266;
		font-size: 14px;
		list-style: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		&:hover {
			background-color: #F5F7FA;
		}
	}

	li.highlighted {
		background-color: #F5F7FA;
	}

	li.divider {
		margin-top: 6px;
		border-top: 1px solid #000;

		&:last-child {
			margin-bottom: -6px;
		}
	}
}

.el-dropdown-menu {
	z-index: 10;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0;
	margin: 5px 0;
	background-color: #FFF;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-menu--collapse {
	.el-submenu {
		.el-menu {
			z-index: 10;
			-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
			position: absolute;
			margin-left: 5px;
			top: 0;
			left: 100%;
			border: 1px solid #E4E7ED;
			border-radius: 2px;
			box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
		}

		position: relative;
	}

	> .el-menu-item {
		.el-submenu__icon-arrow {
			display: none;
		}

		[class^=el-icon-] {
			margin: 0;
			vertical-align: middle;
			width: 24px;
			text-align: center;
		}

		span {
			height: 0;
			width: 0;
			overflow: hidden;
			visibility: hidden;
			display: inline-block;
		}
	}

	> .el-submenu {
		> .el-submenu__title {
			.el-submenu__icon-arrow {
				display: none;
			}

			[class^=el-icon-] {
				margin: 0;
				vertical-align: middle;
				width: 24px;
				text-align: center;
			}

			span {
				height: 0;
				width: 0;
				overflow: hidden;
				visibility: hidden;
				display: inline-block;
			}
		}
	}

	width: 64px;

	> .el-menu-item.is-active {
		i {
			color: inherit;
		}
	}

	.el-menu {
		.el-submenu {
			min-width: 200px;
		}
	}

	.el-submenu.is-opened {
		> .el-submenu__title {
			.el-submenu__icon-arrow {
				-webkit-transform: none;
				transform: none;
			}
		}
	}
}

.el-autocomplete-suggestion__wrap {
	max-height: 280px;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
	margin: 0;
	padding: 0;
}

.el-autocomplete-suggestion.is-loading {
	li {
		text-align: center;
		height: 100px;
		line-height: 100px;
		font-size: 20px;
		color: #999;

		&::after {
			display: inline-block;
			content: "";
			height: 100%;
			vertical-align: middle;
		}

		&:hover {
			background-color: #FFF;
		}
	}

	.el-icon-loading {
		vertical-align: middle;
	}
}

.el-dropdown {
	display: inline-block;
	position: relative;
	color: #606266;
	font-size: 14px;

	.el-button-group {
		display: block;

		.el-button {
			float: none;
		}
	}

	.el-dropdown__caret-button {
		padding-left: 5px;
		padding-right: 5px;
		position: relative;
		border-left: none;

		&::before {
			content: '';
			position: absolute;
			display: block;
			width: 1px;
			top: 5px;
			bottom: 5px;
			left: 0;
			background: rgba(255,255,255,.5);
		}

		&:hover {
			&::before {
				top: 0;
				bottom: 0;
			}
		}

		.el-dropdown__icon {
			padding-left: 0;
		}
	}

	.el-dropdown__caret-button.el-button--default {
		&::before {
			background: rgba(220,223,230,.5);
		}
	}

	.el-dropdown-selfdefine {
		&:focus {
			&:active {
				outline-width: 0;
			}

			&:not(.focusing) {
				outline-width: 0;
			}
		}
	}
}

.el-dropdown__icon {
	font-size: 12px;
	margin: 0 3px;
}

.el-dropdown-menu__item {
	list-style: none;
	line-height: 36px;
	padding: 0 20px;
	margin: 0;
	font-size: 14px;
	color: #606266;
	cursor: pointer;
	outline: 0;

	&:focus {
		background-color: #ecf5ff;
		color: #66b1ff;
	}

	&:not(.is-disabled) {
		&:hover {
			background-color: #ecf5ff;
			color: #66b1ff;
		}
	}

	i {
		margin-right: 5px;
	}
}

.el-dropdown-menu__item--divided {
	position: relative;
	margin-top: 6px;
	border-top: 1px solid #EBEEF5;

	&:before {
		content: '';
		height: 6px;
		display: block;
		margin: 0 -20px;
		background-color: #FFF;
	}
}

.el-dropdown-menu__item.is-disabled {
	cursor: default;
	color: #bbb;
	pointer-events: none;
}

.el-dropdown-menu--medium {
	padding: 6px 0;

	.el-dropdown-menu__item {
		line-height: 30px;
		padding: 0 17px;
		font-size: 14px;
	}

	.el-dropdown-menu__item.el-dropdown-menu__item--divided {
		margin-top: 6px;

		&:before {
			height: 6px;
			margin: 0 -17px;
		}
	}
}

.el-dropdown-menu--small {
	padding: 6px 0;

	.el-dropdown-menu__item {
		line-height: 27px;
		padding: 0 15px;
		font-size: 13px;
	}

	.el-dropdown-menu__item.el-dropdown-menu__item--divided {
		margin-top: 4px;

		&:before {
			height: 4px;
			margin: 0 -15px;
		}
	}
}

.el-dropdown-menu--mini {
	padding: 3px 0;

	.el-dropdown-menu__item {
		line-height: 24px;
		padding: 0 10px;
		font-size: 12px;
	}

	.el-dropdown-menu__item.el-dropdown-menu__item--divided {
		margin-top: 3px;

		&:before {
			height: 3px;
			margin: 0 -10px;
		}
	}
}

.el-menu {
	border-right: solid 1px #e6e6e6;
	list-style: none;
	position: relative;
	margin: 0;
	padding-left: 0;
	background-color: #FFF;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}
}

.el-menu--horizontal {
	> .el-menu-item {
		&:not(.is-disabled) {
			&:focus {
				background-color: #fff;
			}

			&:hover {
				background-color: #fff;
			}
		}

		float: left;
		height: 60px;
		line-height: 60px;
		margin: 0;
		border-bottom: 2px solid transparent;
		color: #909399;

		a {
			color: inherit;

			&:hover {
				color: inherit;
			}
		}
	}

	> .el-submenu {
		.el-submenu__title {
			&:hover {
				background-color: #fff;
			}

			height: 60px;
			line-height: 60px;
			border-bottom: 2px solid transparent;
			color: #909399;
		}

		float: left;

		&:focus {
			outline: 0;

			.el-submenu__title {
				color: #303133;
			}
		}

		&:hover {
			outline: 0;

			.el-submenu__title {
				color: #303133;
			}
		}

		.el-submenu__icon-arrow {
			position: static;
			vertical-align: middle;
			margin-left: 8px;
			margin-top: -3px;
		}
	}

	border-right: none;

	> .el-submenu.is-active {
		.el-submenu__title {
			border-bottom: 2px solid #409EFF;
			color: #303133;
		}
	}

	.el-menu {
		.el-menu-item {
			background-color: #FFF;
			float: none;
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			color: #909399;
		}

		.el-submenu__title {
			background-color: #FFF;
			float: none;
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			color: #909399;
		}

		.el-menu-item.is-active {
			color: #303133;
		}

		.el-submenu.is-active {
			> .el-submenu__title {
				color: #303133;
			}
		}
	}

	.el-menu-item {
		&:not(.is-disabled) {
			&:focus {
				outline: 0;
				color: #303133;
			}

			&:hover {
				outline: 0;
				color: #303133;
			}
		}
	}

	> .el-menu-item.is-active {
		border-bottom: 2px solid #409EFF;
		color: #303133;
	}
}

.el-breadcrumb__item {
	&:last-child {
		.el-breadcrumb__separator {
			display: none;
		}

		.el-breadcrumb__inner {
			font-weight: 400;
			color: #606266;
			cursor: text;

			a {
				font-weight: 400;
				color: #606266;
				cursor: text;

				&:hover {
					font-weight: 400;
					color: #606266;
					cursor: text;
				}
			}

			&:hover {
				font-weight: 400;
				color: #606266;
				cursor: text;
			}
		}
	}

	float: left;
}

.el-menu.el-menu--horizontal {
	border-bottom: solid 1px #e6e6e6;
}

.el-menu-item {
	height: 56px;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	list-style: none;
	font-size: 14px;
	color: #303133;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	-webkit-transition: border-color .3s,background-color .3s,color .3s;
	transition: border-color .3s,background-color .3s,color .3s;
	box-sizing: border-box;

	* {
		vertical-align: middle;
	}

	i {
		color: #909399;
	}

	&:focus {
		outline: 0;
		background-color: #ecf5ff;
	}

	&:hover {
		outline: 0;
		background-color: #ecf5ff;
	}

	[class^=el-icon-] {
		margin-right: 5px;
		width: 24px;
		text-align: center;
		font-size: 18px;
		vertical-align: middle;
	}
}

.el-submenu__title {
	height: 56px;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	list-style: none;
	font-size: 14px;
	color: #303133;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	-webkit-transition: border-color .3s,background-color .3s,color .3s;
	transition: border-color .3s,background-color .3s,color .3s;
	box-sizing: border-box;

	* {
		vertical-align: middle;
	}

	i {
		color: #909399;
	}

	&:focus {
		outline: 0;
		background-color: #ecf5ff;
	}

	&:hover {
		outline: 0;
		background-color: #ecf5ff;
		background-color: #ecf5ff;
	}
}

.el-menu--popup {
	z-index: 100;
	min-width: 200px;
	border: none;
	padding: 5px 0;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-menu--popup-bottom-start {
	margin-top: 5px;
}

.el-menu--popup-right-start {
	margin-left: 5px;
	margin-right: 5px;
}

.el-menu-item.is-disabled {
	opacity: .25;
	cursor: not-allowed;
	background: 0 0 !important;
}

.el-menu-item.is-active {
	color: #409EFF;

	i {
		color: inherit;
	}
}

.el-submenu {
	list-style: none;
	margin: 0;
	padding-left: 0;

	.el-menu {
		border: none;
	}

	.el-menu-item {
		height: 50px;
		line-height: 50px;
		padding: 0 45px;
		min-width: 200px;
	}

	[class^=el-icon-] {
		vertical-align: middle;
		margin-right: 5px;
		width: 24px;
		text-align: center;
		font-size: 18px;
	}
}

.el-submenu__title.is-disabled {
	opacity: .25;
	cursor: not-allowed;
	background: 0 0 !important;
}

.el-submenu__icon-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -7px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s;
	font-size: 12px;
}

.el-submenu.is-active {
	.el-submenu__title {
		border-bottom-color: #409EFF;
	}
}

.el-submenu.is-opened {
	> .el-submenu__title {
		.el-submenu__icon-arrow {
			-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
		}
	}
}

.el-submenu.is-disabled {
	.el-menu-item {
		opacity: .25;
		cursor: not-allowed;
		background: 0 0 !important;
	}

	.el-submenu__title {
		opacity: .25;
		cursor: not-allowed;
		background: 0 0 !important;
	}
}

.el-menu-item-group {
	> ul {
		padding: 0;
	}
}

.el-menu-item-group__title {
	padding: 7px 0 7px 20px;
	line-height: normal;
	font-size: 12px;
	color: #909399;
}

.el-radio-button__inner {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	background: #FFF;
	border: 1px solid #DCDFE6;
	font-weight: 500;
	border-left: 0;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 0;

	&:hover {
		color: #409EFF;
	}

	[class*=el-icon-] {
		line-height: .9;
	}

	[class*=el-icon-] + span {
		margin-left: 5px;
	}
}

.el-radio-group {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	font-size: 0;
}

.horizontal-collapse-transition {
	.el-submenu__title {
		.el-submenu__icon-arrow {
			-webkit-transition: .2s;
			transition: .2s;
			opacity: 0;
		}
	}

	-webkit-transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;
	transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;
}

.el-radio-button {
	position: relative;
	display: inline-block;
	outline: 0;

	&:first-child {
		.el-radio-button__inner {
			border-left: 1px solid #DCDFE6;
			border-radius: 4px 0 0 4px;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}

		&:last-child {
			.el-radio-button__inner {
				border-radius: 4px;
			}
		}
	}

	&:last-child {
		.el-radio-button__inner {
			border-radius: 0 4px 4px 0;
		}
	}

	&:focus {
		&:not(.is-focus) {
			&:not(:active) {
				&:not(.is-disabled) {
					-webkit-box-shadow: 0 0 2px 2px #409EFF;
					box-shadow: 0 0 2px 2px #409EFF;
				}
			}
		}
	}
}

.el-radio-button__inner.is-round {
	padding: 12px 20px;
}

.el-radio-button__orig-radio {
	opacity: 0;
	outline: 0;
	position: absolute;
	z-index: -1;

	&:checked + .el-radio-button__inner {
		color: #FFF;
		background-color: #409EFF;
		border-color: #409EFF;
		-webkit-box-shadow: -1px 0 0 0 #409EFF;
		box-shadow: -1px 0 0 0 #409EFF;
	}

	&:disabled + .el-radio-button__inner {
		color: #C0C4CC;
		cursor: not-allowed;
		background-image: none;
		background-color: #FFF;
		border-color: #EBEEF5;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	&:disabled {
		&:checked + .el-radio-button__inner {
			background-color: #F2F6FC;
		}
	}
}

.el-radio-button--medium {
	.el-radio-button__inner {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 0;
	}

	.el-radio-button__inner.is-round {
		padding: 10px 20px;
	}
}

.el-radio-button--small {
	.el-radio-button__inner {
		padding: 9px 15px;
		font-size: 12px;
		border-radius: 0;
	}

	.el-radio-button__inner.is-round {
		padding: 9px 15px;
	}
}

.el-radio-button--mini {
	.el-radio-button__inner {
		padding: 7px 15px;
		font-size: 12px;
		border-radius: 0;
	}

	.el-radio-button__inner.is-round {
		padding: 7px 15px;
	}
}

.el-picker-panel {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	color: #606266;
	border: 1px solid #E4E7ED;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	background: #FFF;
	border-radius: 4px;
	line-height: 30px;
	margin: 5px 0;

	[slot=sidebar] {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 110px;
		border-right: 1px solid #e4e4e4;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 6px;
		background-color: #FFF;
		overflow: auto;
	}

	[slot=sidebar] + .el-picker-panel__body {
		margin-left: 110px;
	}
}

.el-popover {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	position: absolute;
	background: #FFF;
	min-width: 150px;
	border-radius: 4px;
	border: 1px solid #EBEEF5;
	padding: 12px;
	z-index: 2000;
	color: #606266;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;

	&:focus {
		outline-width: 0;

		&:active {
			outline-width: 0;
		}
	}
}

.el-select-dropdown {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	position: absolute;
	z-index: 1001;
	border: 1px solid #E4E7ED;
	border-radius: 4px;
	background-color: #FFF;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 5px 0;

	.el-scrollbar.is-empty {
		.el-select-dropdown__list {
			padding: 0;
		}
	}
}

.el-table-filter {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-box-sizing: border-box;
	border: 1px solid #EBEEF5;
	border-radius: 2px;
	background-color: #FFF;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-sizing: border-box;
	margin: 2px 0;
}

.el-time-panel {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	margin: 5px 0;
	border: 1px solid #E4E7ED;
	background-color: #FFF;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	border-radius: 2px;
	position: absolute;
	width: 180px;
	left: 0;
	z-index: 1000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.el-switch {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;

	.label-fade-enter {
		opacity: 0;
	}

	.label-fade-leave-active {
		opacity: 0;
	}
}

.el-switch__core {
	display: inline-block;
	cursor: pointer;
	margin: 0;
	position: relative;
	width: 40px;
	height: 20px;
	border: 1px solid #DCDFE6;
	outline: 0;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #DCDFE6;
	-webkit-transition: border-color .3s,background-color .3s;
	transition: border-color .3s,background-color .3s;
	vertical-align: middle;

	&:after {
		content: "";
		position: absolute;
		top: 1px;
		left: 1px;
		border-radius: 100%;
		-webkit-transition: all .3s;
		transition: all .3s;
		width: 16px;
		height: 16px;
		background-color: #FFF;
	}
}

.el-switch__label {
	display: inline-block;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s;
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
	color: #303133;

	* {
		line-height: 1;
		font-size: 14px;
		display: inline-block;
	}
}

.el-switch.is-disabled {
	.el-switch__core {
		cursor: not-allowed;
	}

	.el-switch__label {
		cursor: not-allowed;
	}

	opacity: .6;
}

.el-switch__label.is-active {
	color: #409EFF;
}

.el-switch__label--left {
	margin-right: 10px;
}

.el-switch__label--right {
	margin-left: 10px;
}

.el-switch__input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
}

.el-switch.is-checked {
	.el-switch__core {
		border-color: #409EFF;
		background-color: #409EFF;

		&::after {
			left: 100%;
			margin-left: -17px;
		}
	}
}

.el-switch--wide {
	.el-switch__label.el-switch__label--left {
		span {
			left: 10px;
		}
	}

	.el-switch__label.el-switch__label--right {
		span {
			right: 10px;
		}
	}
}

.el-select-dropdown.is-multiple {
	.el-select-dropdown__item.selected {
		color: #409EFF;
		background-color: #FFF;

		&::after {
			position: absolute;
			right: 20px;
			font-family: element-icons;
			content: "\e6da";
			font-size: 12px;
			font-weight: 700;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}

	.el-select-dropdown__item.selected.hover {
		background-color: #F5F7FA;
	}
}

.el-select-dropdown__empty {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	color: #999;
	font-size: 14px;
}

.el-select-dropdown__wrap {
	max-height: 274px;
}

.el-select-dropdown__list {
	list-style: none;
	padding: 6px 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-select-dropdown__item {
	font-size: 14px;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #606266;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;

	&:hover {
		background-color: #F5F7FA;
	}
}

.el-select-dropdown__item.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;

	&:hover {
		background-color: #FFF;
	}
}

.el-select-dropdown__item.hover {
	background-color: #F5F7FA;
}

.el-select-dropdown__item.selected {
	color: #409EFF;
	font-weight: 700;
}

.el-select-group {
	margin: 0;
	padding: 0;

	.el-select-dropdown__item {
		padding-left: 20px;
	}
}

.el-select-group__wrap {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;

	&:not(:last-of-type) {
		padding-bottom: 24px;

		&::after {
			content: '';
			position: absolute;
			display: block;
			left: 20px;
			right: 20px;
			bottom: 12px;
			height: 1px;
			background: #E4E7ED;
		}
	}
}

.el-select-group__title {
	padding-left: 20px;
	font-size: 12px;
	color: #909399;
	line-height: 30px;
}

.el-select {
	display: inline-block;
	position: relative;

	.el-select__tags {
		> span {
			display: contents;
		}
	}

	&:hover {
		.el-input__inner {
			border-color: #C0C4CC;
		}
	}

	.el-input__inner {
		cursor: pointer;
		padding-right: 35px;

		&:focus {
			border-color: #409EFF;
		}
	}

	.el-input {
		.el-select__caret {
			color: #C0C4CC;
			font-size: 14px;
			-webkit-transition: -webkit-transform .3s;
			transition: -webkit-transform .3s;
			transition: transform .3s;
			transition: transform .3s,-webkit-transform .3s;
			-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
			cursor: pointer;
		}

		.el-select__caret.is-reverse {
			-webkit-transform: rotateZ(0);
			transform: rotateZ(0);
		}

		.el-select__caret.is-show-close {
			font-size: 14px;
			text-align: center;
			-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
			border-radius: 100%;
			color: #C0C4CC;
			-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
			transition: color .2s cubic-bezier(.645,.045,.355,1);

			&:hover {
				color: #909399;
			}
		}
	}

	.el-input.is-disabled {
		.el-input__inner {
			cursor: not-allowed;

			&:hover {
				border-color: #E4E7ED;
			}
		}
	}

	.el-input.is-focus {
		.el-input__inner {
			border-color: #409EFF;
		}
	}

	> .el-input {
		display: block;
	}

	.el-tag__close {
		margin-top: -2px;
	}

	.el-tag {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-color: transparent;
		margin: 2px 0 2px 6px;
		background-color: #f0f2f5;
	}

	.el-tag__close.el-icon-close {
		background-color: #C0C4CC;
		right: -7px;
		top: 0;
		color: #FFF;

		&:hover {
			background-color: #909399;
		}

		&::before {
			display: block;
			-webkit-transform: translate(0,.5px);
			transform: translate(0,.5px);
		}
	}
}

.el-select__input {
	border: none;
	outline: 0;
	padding: 0;
	margin-left: 15px;
	color: #666;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 28px;
	background-color: transparent;
}

.el-select__input.is-mini {
	height: 14px;
}

.el-select__close {
	cursor: pointer;
	position: absolute;
	top: 8px;
	z-index: 1000;
	right: 25px;
	color: #C0C4CC;
	line-height: 18px;
	font-size: 14px;

	&:hover {
		color: #909399;
	}
}

.el-select__tags {
	position: absolute;
	line-height: normal;
	white-space: normal;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el-table {
	background-color: #FFF;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	color: #606266;

	thead {
		color: #909399;
		font-weight: 500;
	}

	thead.is-group {
		th {
			background: #F5F7FA;
		}
	}

	th {
		background-color: #FFF;
		padding: 12px 0;
		min-width: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-overflow: ellipsis;
		vertical-align: middle;
		position: relative;
		text-align: left;
		overflow: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		> .cell {
			padding-right: 10px;
			padding-left: 10px;
			display: inline-block;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			position: relative;
			vertical-align: middle;
			width: 100%;
		}

		> .cell.highlight {
			color: #409EFF;
		}
	}

	tr {
		background-color: #FFF;

		input[type=checkbox] {
			margin: 0;
		}
	}

	td {
		padding: 12px 0;
		min-width: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-overflow: ellipsis;
		vertical-align: middle;
		position: relative;
		text-align: left;
		border-bottom: 1px solid #EBEEF5;

		div {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	}

	td.is-center {
		text-align: center;
	}

	th.is-center {
		text-align: center;
	}

	td.is-right {
		text-align: right;
	}

	th.is-right {
		text-align: right;
	}

	td.gutter {
		width: 15px;
		border-right-width: 0;
		border-bottom-width: 0;
		padding: 0;
		width: 0;
	}

	th.gutter {
		width: 15px;
		border-right-width: 0;
		border-bottom-width: 0;
		padding: 0;
	}

	td.is-hidden {
		> * {
			visibility: hidden;
		}
	}

	th.is-hidden {
		> * {
			visibility: hidden;
		}
	}

	.cell {
		padding-right: 10px;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		word-break: break-all;
		line-height: 23px;
	}

	th.is-leaf {
		border-bottom: 1px solid #EBEEF5;
	}

	th.is-sortable {
		cursor: pointer;
	}

	th.required {
		> div {
			&::before {
				display: inline-block;
				content: "";
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background: #ff4d51;
				margin-right: 5px;
				vertical-align: middle;
			}
		}
	}

	.cell.el-tooltip {
		white-space: nowrap;
		min-width: 50px;
	}

	&::before {
		content: '';
		position: absolute;
		background-color: #EBEEF5;
		z-index: 1;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
	}

	.caret-wrapper {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 34px;
		width: 24px;
		vertical-align: middle;
		cursor: pointer;
		overflow: initial;
		position: relative;
	}

	.sort-caret {
		width: 0;
		height: 0;
		border: 5px solid transparent;
		position: absolute;
		left: 7px;
	}

	.sort-caret.ascending {
		border-bottom-color: #C0C4CC;
		top: 5px;
	}

	.sort-caret.descending {
		border-top-color: #C0C4CC;
		bottom: 7px;
	}

	.ascending {
		.sort-caret.ascending {
			border-bottom-color: #409EFF;
		}
	}

	.descending {
		.sort-caret.descending {
			border-top-color: #409EFF;
		}
	}

	.hidden-columns {
		visibility: hidden;
		position: absolute;
		z-index: -1;
	}

	[class*=el-table__row--level] {
		.el-table__expand-icon {
			display: inline-block;
			width: 20px;
			line-height: 20px;
			height: 20px;
			text-align: center;
			margin-right: 3px;
		}
	}
}

.el-table__expanded-cell {
	background-color: #FFF;

	&:hover {
		background-color: transparent !important;
	}
}

.el-table__empty-block {
	min-height: 60px;
	text-align: center;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el-table__empty-text {
	line-height: 60px;
	width: 50%;
	color: #909399;
}

.el-table__expand-column {
	.cell {
		padding: 0;
		text-align: center;
	}
}

.el-table__expand-icon {
	position: relative;
	cursor: pointer;
	color: #666;
	font-size: 12px;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
	height: 20px;

	> .el-icon {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -5px;
		margin-top: -5px;
	}
}

.el-table__expand-icon--expanded {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.el-table__expanded-cell[class*=cell] {
	padding: 20px 50px;
}

.el-table__placeholder {
	display: inline-block;
	width: 20px;
}

.el-table__append-wrapper {
	overflow: hidden;
}

.el-table--fit {
	border-right: 0;
	border-bottom: 0;

	td.gutter {
		border-right-width: 1px;
	}

	th.gutter {
		border-right-width: 1px;
	}
}

.el-table--scrollable-x {
	.el-table__body-wrapper {
		overflow-x: auto;
	}
}

.el-table--scrollable-y {
	.el-table__body-wrapper {
		overflow-y: auto;
	}
}

.el-table--medium {
	td {
		padding: 10px 0;
	}

	th {
		padding: 10px 0;
	}
}

.el-table--small {
	font-size: 12px;

	td {
		padding: 8px 0;
	}

	th {
		padding: 8px 0;
	}
}

.el-table--mini {
	font-size: 12px;

	td {
		padding: 6px 0;
	}

	th {
		padding: 6px 0;
	}
}

.el-date-table {
	td {
		-webkit-box-sizing: border-box;
		width: 32px;
		height: 30px;
		padding: 4px 0;
		box-sizing: border-box;
		text-align: center;
		cursor: pointer;
		position: relative;

		div {
			height: 30px;
			padding: 3px 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		span {
			width: 24px;
			height: 24px;
			display: block;
			margin: 0 auto;
			line-height: 24px;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			border-radius: 50%;
		}
	}

	td.in-range {
		div {
			background-color: #F2F6FC;

			&:hover {
				background-color: #F2F6FC;
			}
		}
	}

	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	td.next-month {
		color: #C0C4CC;
	}

	td.prev-month {
		color: #C0C4CC;
	}

	td.today {
		position: relative;

		span {
			color: #409EFF;
			font-weight: 700;
		}
	}

	td.today.end-date {
		span {
			color: #FFF;
		}
	}

	td.today.start-date {
		span {
			color: #FFF;
		}
	}

	td.available {
		&:hover {
			color: #409EFF;
		}
	}

	td.current {
		&:not(.disabled) {
			span {
				color: #FFF;
				background-color: #409EFF;
			}
		}
	}

	td.end-date {
		div {
			color: #FFF;
			margin-right: 5px;
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
		}

		span {
			background-color: #409EFF;
		}
	}

	td.start-date {
		div {
			color: #FFF;
			margin-left: 5px;
			border-top-left-radius: 15px;
			border-bottom-left-radius: 15px;
		}

		span {
			background-color: #409EFF;
		}
	}

	td.disabled {
		div {
			background-color: #F5F7FA;
			opacity: 1;
			cursor: not-allowed;
			color: #C0C4CC;
		}
	}

	td.selected {
		div {
			margin-left: 5px;
			margin-right: 5px;
			background-color: #F2F6FC;
			border-radius: 15px;

			&:hover {
				background-color: #F2F6FC;
			}
		}

		span {
			background-color: #409EFF;
			color: #FFF;
			border-radius: 15px;
		}
	}

	td.week {
		font-size: 80%;
		color: #606266;
	}

	th {
		padding: 5px;
		color: #606266;
		font-weight: 400;
		border-bottom: solid 1px #EBEEF5;
	}
}

.el-table--border {
	border: 1px solid #EBEEF5;
	border-right: none;
	border-bottom: none;

	&::after {
		content: '';
		position: absolute;
		background-color: #EBEEF5;
		z-index: 1;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
	}

	td {
		border-right: 1px solid #EBEEF5;

		&:first-child {
			.cell {
				padding-left: 10px;
			}
		}
	}

	th {
		border-right: 1px solid #EBEEF5;
		border-bottom: 1px solid #EBEEF5;

		&:first-child {
			.cell {
				padding-left: 10px;
			}
		}
	}

	th.gutter {
		&:last-of-type {
			border-bottom: 1px solid #EBEEF5;
			border-bottom-width: 1px;
		}
	}
}

.el-table--group {
	border: 1px solid #EBEEF5;

	&::after {
		content: '';
		position: absolute;
		background-color: #EBEEF5;
		z-index: 1;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
	}
}

.el-table--border.el-loading-parent--relative {
	border-color: transparent;
}

.el-table__body-wrapper {
	.el-table--border.is-scrolling-left ~ .el-table__fixed {
		border-right: 1px solid #EBEEF5;
	}

	width: 100%;
	overflow: hidden;
	position: relative;

	.el-table--border.is-scrolling-right ~ .el-table__fixed-right {
		border-left: 1px solid #EBEEF5;
	}
}

.el-table__fixed-right-patch {
	border-bottom: 1px solid #EBEEF5;
	position: absolute;
	top: -1px;
	right: 0;
	background-color: #FFF;
}

.el-table--hidden {
	visibility: hidden;
}

.el-table__fixed {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12);

	&::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #EBEEF5;
		z-index: 4;
	}
}

.el-table__fixed-right {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12);
	top: 0;
	left: auto;
	right: 0;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #EBEEF5;
		z-index: 4;
	}

	.el-table__fixed-body-wrapper {
		left: auto;
		right: 0;
	}

	.el-table__fixed-footer-wrapper {
		left: auto;
		right: 0;
	}

	.el-table__fixed-header-wrapper {
		left: auto;
		right: 0;
	}
}

.el-table__fixed-header-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.el-table__fixed-footer-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;

	tbody {
		td {
			border-top: 1px solid #EBEEF5;
			background-color: #F5F7FA;
			color: #606266;
		}
	}
}

.el-table__fixed-body-wrapper {
	position: absolute;
	left: 0;
	top: 37px;
	overflow: hidden;
	z-index: 3;
}

.el-table__footer-wrapper {
	width: 100%;
	margin-top: -1px;
	overflow: hidden;

	td {
		border-top: 1px solid #EBEEF5;
	}

	tbody {
		td {
			background-color: #F5F7FA;
			color: #606266;
		}
	}
}

.el-table__header-wrapper {
	width: 100%;
	overflow: hidden;

	tbody {
		td {
			background-color: #F5F7FA;
			color: #606266;
		}
	}
}

.el-table__body {
	table-layout: fixed;
	border-collapse: separate;

	tr.hover-row.current-row {
		> td {
			background-color: #F5F7FA;
		}
	}

	tr.hover-row.el-table__row--striped.current-row {
		> td {
			background-color: #F5F7FA;
		}
	}

	tr.hover-row.el-table__row--striped {
		> td {
			background-color: #F5F7FA;
		}
	}

	tr.hover-row {
		> td {
			background-color: #F5F7FA;
		}
	}

	tr.current-row {
		> td {
			background-color: #ecf5ff;
		}
	}
}

.el-table__footer {
	table-layout: fixed;
	border-collapse: separate;
}

.el-table__header {
	table-layout: fixed;
	border-collapse: separate;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.el-table--striped {
	.el-table__body {
		tr.el-table__row--striped {
			td {
				background: #FAFAFA;
			}
		}

		tr.el-table__row--striped.current-row {
			td {
				background-color: #ecf5ff;
			}
		}
	}
}

.el-table__column-resize-proxy {
	position: absolute;
	left: 200px;
	top: 0;
	bottom: 0;
	width: 0;
	border-left: 1px solid #EBEEF5;
	z-index: 10;
}

.el-table__column-filter-trigger {
	display: inline-block;
	line-height: 34px;
	cursor: pointer;

	i {
		color: #909399;
		font-size: 12px;
		-webkit-transform: scale(.75);
		transform: scale(.75);
	}
}

.el-table--enable-row-transition {
	.el-table__body {
		td {
			-webkit-transition: background-color .25s ease;
			transition: background-color .25s ease;
		}
	}
}

.el-table--enable-row-hover {
	.el-table__body {
		tr {
			&:hover {
				> td {
					background-color: #F5F7FA;
				}
			}
		}
	}
}

.el-table--fluid-height {
	.el-table__fixed {
		bottom: 0;
		overflow: hidden;
	}

	.el-table__fixed-right {
		bottom: 0;
		overflow: hidden;
	}
}

.el-table-column--selection {
	.cell {
		padding-left: 14px;
		padding-right: 14px;
	}
}

.el-table-filter__list {
	padding: 5px 0;
	margin: 0;
	list-style: none;
	min-width: 100px;
}

.el-table-filter__list-item {
	line-height: 36px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 14px;

	&:hover {
		background-color: #ecf5ff;
		color: #66b1ff;
	}
}

.el-table-filter__list-item.is-active {
	background-color: #409EFF;
	color: #FFF;
}

.el-table-filter__content {
	min-width: 100px;
}

.el-table-filter__bottom {
	border-top: 1px solid #EBEEF5;
	padding: 8px;

	button {
		background: 0 0;
		border: none;
		color: #606266;
		cursor: pointer;
		font-size: 13px;
		padding: 0 3px;

		&:hover {
			color: #409EFF;
		}

		&:focus {
			outline: 0;
		}
	}

	button.is-disabled {
		color: #C0C4CC;
		cursor: not-allowed;
	}
}

.el-date-table.is-week-mode {
	.el-date-table__row.current {
		div {
			background-color: #F2F6FC;
		}
	}

	.el-date-table__row {
		&:hover {
			div {
				background-color: #F2F6FC;
			}

			td.available {
				&:hover {
					color: #606266;
				}
			}

			td {
				&:first-child {
					div {
						margin-left: 5px;
						border-top-left-radius: 15px;
						border-bottom-left-radius: 15px;
					}
				}

				&:last-child {
					div {
						margin-right: 5px;
						border-top-right-radius: 15px;
						border-bottom-right-radius: 15px;
					}
				}
			}
		}
	}
}

.el-table-filter__wrap {
	max-height: 280px;
}

.el-table-filter__checkbox-group {
	padding: 10px;

	label.el-checkbox {
		display: block;
		margin-right: 5px;
		margin-bottom: 8px;
		margin-left: 5px;
	}

	.el-checkbox {
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.el-month-table {
	font-size: 12px;
	border-collapse: collapse;
	margin: -1px;

	td {
		text-align: center;
		padding: 8px 0;
		cursor: pointer;

		div {
			height: 48px;
			padding: 6px 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.cell {
			width: 60px;
			height: 36px;
			display: block;
			line-height: 36px;
			color: #606266;
			margin: 0 auto;
			border-radius: 18px;

			&:hover {
				color: #409EFF;
			}
		}
	}

	td.today {
		.cell {
			color: #409EFF;
			font-weight: 700;
		}
	}

	td.today.end-date {
		.cell {
			color: #FFF;
		}
	}

	td.today.start-date {
		.cell {
			color: #FFF;
		}
	}

	td.disabled {
		.cell {
			background-color: #F5F7FA;
			cursor: not-allowed;
			color: #C0C4CC;

			&:hover {
				color: #C0C4CC;
			}
		}
	}

	td.in-range {
		div {
			background-color: #F2F6FC;

			&:hover {
				background-color: #F2F6FC;
			}
		}
	}

	td.end-date {
		div {
			color: #FFF;
			border-top-right-radius: 24px;
			border-bottom-right-radius: 24px;
		}

		.cell {
			color: #FFF;
			background-color: #409EFF;
		}
	}

	td.start-date {
		div {
			color: #FFF;
			border-top-left-radius: 24px;
			border-bottom-left-radius: 24px;
		}

		.cell {
			color: #FFF;
			background-color: #409EFF;
		}
	}

	td.current {
		&:not(.disabled) {
			.cell {
				color: #409EFF;
			}
		}
	}
}

.el-year-table {
	font-size: 12px;
	border-collapse: collapse;
	margin: -1px;

	.el-icon {
		color: #303133;
	}

	td {
		text-align: center;
		padding: 20px 3px;
		cursor: pointer;

		.cell {
			width: 48px;
			height: 32px;
			display: block;
			line-height: 32px;
			color: #606266;
			margin: 0 auto;

			&:hover {
				color: #409EFF;
			}
		}
	}

	td.today {
		.cell {
			color: #409EFF;
			font-weight: 700;
		}
	}

	td.disabled {
		.cell {
			background-color: #F5F7FA;
			cursor: not-allowed;
			color: #C0C4CC;

			&:hover {
				color: #C0C4CC;
			}
		}
	}

	td.current {
		&:not(.disabled) {
			.cell {
				color: #409EFF;
			}
		}
	}
}

.el-date-range-picker {
	width: 646px;

	table {
		table-layout: fixed;
		width: 100%;
	}

	.el-picker-panel__body {
		min-width: 513px;
	}

	.el-picker-panel__content {
		margin: 0;
	}
}

.el-date-range-picker.has-sidebar {
	width: 756px;
}

.el-date-range-picker__header {
	position: relative;
	text-align: center;
	height: 28px;

	[class*=arrow-left] {
		float: left;
	}

	[class*=arrow-right] {
		float: right;
	}

	div {
		font-size: 16px;
		font-weight: 500;
		margin-right: 50px;
	}
}

.el-date-range-picker__content {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 16px;

	.el-date-range-picker__header {
		div {
			margin-left: 50px;
			margin-right: 50px;
		}
	}
}

.el-date-range-picker__content.is-left {
	border-right: 1px solid #e4e4e4;
}

.el-date-range-picker__editors-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
}

.el-date-range-picker__editors-wrap.is-right {
	text-align: right;
}

.el-date-range-picker__time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	> .el-icon-arrow-right {
		font-size: 20px;
		vertical-align: middle;
		display: table-cell;
		color: #303133;
	}
}

.el-date-range-picker__time-picker-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px;

	.el-picker-panel {
		position: absolute;
		top: 13px;
		right: 0;
		z-index: 1;
		background: #FFF;
	}
}

.el-date-picker {
	width: 322px;

	.el-picker-panel__content {
		width: 292px;
	}

	table {
		table-layout: fixed;
		width: 100%;
	}
}

.el-date-picker.has-sidebar.has-time {
	width: 434px;
}

.el-date-picker.has-sidebar {
	width: 438px;
}

.el-date-picker.has-time {
	.el-picker-panel__body-wrapper {
		position: relative;
	}
}

.el-date-picker__editor-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px;
}

.el-date-picker__time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-date-picker__header {
	margin: 12px;
	text-align: center;
}

.el-date-picker__header--bordered {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: solid 1px #EBEEF5;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
	margin-top: 0;
}

.el-date-picker__header-label {
	font-size: 16px;
	font-weight: 500;
	padding: 0 5px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	color: #606266;

	&:hover {
		color: #409EFF;
	}
}

.el-date-picker__header-label.active {
	color: #409EFF;
}

.el-date-picker__prev-btn {
	float: left;
}

.el-date-picker__next-btn {
	float: right;
}

.el-date-picker__time-wrap {
	padding: 10px;
	text-align: center;
}

.el-date-picker__time-label {
	float: left;
	cursor: pointer;
	line-height: 30px;
	margin-left: 10px;
}

.time-select {
	margin: 5px 0;
	min-width: 0;

	.el-picker-panel__content {
		max-height: 200px;
		margin: 0;
	}
}

.time-select-item {
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;

	&:hover {
		background-color: #F5F7FA;
		font-weight: 700;
		cursor: pointer;
	}
}

.time-select-item.selected {
	&:not(.disabled) {
		color: #409EFF;
		font-weight: 700;
	}
}

.time-select-item.disabled {
	color: #E4E7ED;
	cursor: not-allowed;
}

.el-date-editor {
	position: relative;
	display: inline-block;
	text-align: left;

	.el-icon-circle-close {
		cursor: pointer;
	}

	.el-range__icon {
		font-size: 14px;
		margin-left: -5px;
		color: #C0C4CC;
		float: left;
		line-height: 32px;
	}

	.el-range-input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: 0;
		display: inline-block;
		height: 100%;
		margin: 0;
		padding: 0;
		width: 39%;
		text-align: center;
		font-size: 14px;
		color: #606266;

		&::-webkit-input-placeholder {
			color: #C0C4CC;
		}

		&::-moz-placeholder {
			color: #C0C4CC;
		}

		&:-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::placeholder {
			color: #C0C4CC;
		}
	}

	.el-range-separator {
		display: inline-block;
		height: 100%;
		padding: 0 5px;
		margin: 0;
		text-align: center;
		line-height: 32px;
		font-size: 14px;
		width: 5%;
		color: #303133;
	}

	.el-range__close-icon {
		font-size: 14px;
		color: #C0C4CC;
		width: 25px;
		display: inline-block;
		float: right;
		line-height: 32px;
	}
}

.el-date-editor.el-input {
	width: 220px;
}

.el-date-editor.el-input__inner {
	width: 220px;
}

.el-date-editor--monthrange.el-input {
	width: 300px;
}

.el-date-editor--monthrange.el-input__inner {
	width: 300px;
}

.el-date-editor--daterange.el-input {
	width: 350px;
}

.el-date-editor--daterange.el-input__inner {
	width: 350px;
}

.el-date-editor--timerange.el-input {
	width: 350px;
}

.el-date-editor--timerange.el-input__inner {
	width: 350px;
}

.el-date-editor--datetimerange.el-input {
	width: 400px;
}

.el-date-editor--datetimerange.el-input__inner {
	width: 400px;
}

.el-date-editor--dates {
	.el-input__inner {
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.el-range-editor.el-input__inner {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3px 10px;
}

.el-range-editor {
	.el-range-input {
		line-height: 1;
	}
}

.el-range-editor.is-active {
	border-color: #409EFF;

	&:hover {
		border-color: #409EFF;
	}
}

.el-range-editor--medium.el-input__inner {
	height: 36px;
}

.el-range-editor--medium {
	.el-range-separator {
		line-height: 28px;
		font-size: 14px;
	}

	.el-range-input {
		font-size: 14px;
	}

	.el-range__close-icon {
		line-height: 28px;
	}

	.el-range__icon {
		line-height: 28px;
	}
}

.el-range-editor--small.el-input__inner {
	height: 32px;
}

.el-range-editor--small {
	.el-range-separator {
		line-height: 24px;
		font-size: 13px;
	}

	.el-range-input {
		font-size: 13px;
	}

	.el-range__close-icon {
		line-height: 24px;
	}

	.el-range__icon {
		line-height: 24px;
	}
}

.el-range-editor--mini.el-input__inner {
	height: 28px;
}

.el-range-editor--mini {
	.el-range-separator {
		line-height: 20px;
		font-size: 12px;
	}

	.el-range-input {
		font-size: 12px;
	}

	.el-range__close-icon {
		line-height: 20px;
	}

	.el-range__icon {
		line-height: 20px;
	}
}

.el-range-editor.is-disabled {
	background-color: #F5F7FA;
	border-color: #E4E7ED;
	color: #C0C4CC;
	cursor: not-allowed;

	&:focus {
		border-color: #E4E7ED;
	}

	&:hover {
		border-color: #E4E7ED;
	}

	input {
		background-color: #F5F7FA;
		color: #C0C4CC;
		cursor: not-allowed;

		&::-webkit-input-placeholder {
			color: #C0C4CC;
		}

		&::-moz-placeholder {
			color: #C0C4CC;
		}

		&:-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::placeholder {
			color: #C0C4CC;
		}
	}

	.el-range-separator {
		color: #C0C4CC;
	}
}

.el-picker-panel__body-wrapper {
	&::after {
		content: "";
		display: table;
		clear: both;
	}
}

.el-picker-panel__body {
	&::after {
		content: "";
		display: table;
		clear: both;
	}
}

.el-picker-panel__content {
	position: relative;
	margin: 15px;
}

.el-picker-panel__footer {
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	text-align: right;
	background-color: #FFF;
	position: relative;
	font-size: 0;
}

.el-picker-panel__shortcut {
	display: block;
	width: 100%;
	border: 0;
	background-color: transparent;
	line-height: 28px;
	font-size: 14px;
	color: #606266;
	padding-left: 12px;
	text-align: left;
	outline: 0;
	cursor: pointer;

	&:hover {
		color: #409EFF;
	}
}

.el-picker-panel__shortcut.active {
	background-color: #e6f1fe;
	color: #409EFF;
}

.el-picker-panel__btn {
	border: 1px solid #dcdcdc;
	color: #333;
	line-height: 24px;
	border-radius: 2px;
	padding: 0 20px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
}

.el-picker-panel__btn[disabled] {
	color: #ccc;
	cursor: not-allowed;
}

.el-picker-panel__icon-btn {
	font-size: 12px;
	color: #303133;
	border: 0;
	background: 0 0;
	cursor: pointer;
	outline: 0;
	margin-top: 8px;

	&:hover {
		color: #409EFF;
	}
}

.el-picker-panel__icon-btn.is-disabled {
	color: #bbb;

	&:hover {
		cursor: not-allowed;
	}
}

.el-picker-panel__link-btn {
	vertical-align: middle;
}

.el-picker-panel__sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 110px;
	border-right: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	background-color: #FFF;
	overflow: auto;
}

.el-picker-panel__sidebar + .el-picker-panel__body {
	margin-left: 110px;
}

.el-time-spinner.has-seconds {
	.el-time-spinner__wrapper {
		width: 33.3%;
	}
}

.el-time-spinner__wrapper {
	max-height: 190px;
	overflow: auto;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	position: relative;

	.el-scrollbar__wrap {
		&:not(.el-scrollbar__wrap--hidden-default) {
			padding-bottom: 15px;
		}
	}
}

.el-time-spinner__input.el-input {
	.el-input__inner {
		padding: 0;
		text-align: center;
	}

	width: 70%;
}

.el-time-spinner__list {
	padding: 0;
	text-align: center;
	margin: 0;
	list-style: none;

	&::after {
		content: '';
		display: block;
		width: 100%;
		height: 80px;
	}

	&::before {
		content: '';
		display: block;
		width: 100%;
		height: 80px;
	}
}

.el-time-spinner__wrapper.is-arrow {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;

	.el-time-spinner__list {
		-webkit-transform: translateY(-32px);
		transform: translateY(-32px);
	}

	.el-time-spinner__item {
		&:hover {
			&:not(.disabled) {
				&:not(.active) {
					background: #FFF;
					cursor: default;
				}
			}
		}
	}
}

.el-time-spinner__arrow {
	font-size: 12px;
	color: #909399;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer;

	&:hover {
		color: #409EFF;
	}
}

.el-time-spinner__arrow.el-icon-arrow-up {
	top: 10px;
}

.el-time-spinner__arrow.el-icon-arrow-down {
	bottom: 10px;
}

.el-time-spinner__item {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #606266;

	&:hover {
		&:not(.disabled) {
			&:not(.active) {
				background: #F5F7FA;
				cursor: pointer;
			}
		}
	}
}

.el-time-spinner__item.active {
	&:not(.disabled) {
		color: #303133;
		font-weight: 700;
	}
}

.el-time-spinner__item.disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-time-panel__content {
	font-size: 0;
	position: relative;
	overflow: hidden;

	&::after {
		content: "";
		top: 50%;
		position: absolute;
		margin-top: -15px;
		height: 32px;
		z-index: -1;
		left: 0;
		right: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 6px;
		text-align: left;
		border-top: 1px solid #E4E7ED;
		border-bottom: 1px solid #E4E7ED;
		left: 50%;
		margin-left: 12%;
		margin-right: 12%;
	}

	&::before {
		content: "";
		top: 50%;
		position: absolute;
		margin-top: -15px;
		height: 32px;
		z-index: -1;
		left: 0;
		right: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 6px;
		text-align: left;
		border-top: 1px solid #E4E7ED;
		border-bottom: 1px solid #E4E7ED;
		padding-left: 50%;
		margin-right: 12%;
		margin-left: 12%;
	}
}

.el-form-item__label {
	-webkit-box-sizing: border-box;
	text-align: right;
	vertical-align: middle;
	float: left;
	font-size: 14px;
	color: #606266;
	line-height: 40px;
	padding: 0 12px 0 0;
	box-sizing: border-box;
}

.el-tabs__item {
	-webkit-box-sizing: border-box;
	padding: 0 20px;
	height: 40px;
	box-sizing: border-box;
	line-height: 40px;
	display: inline-block;
	list-style: none;
	font-size: 14px;
	font-weight: 500;
	color: #303133;
	position: relative;

	&:focus {
		outline: 0;

		&:active {
			outline: 0;
		}
	}

	&:focus.is-active.is-focus {
		&:not(:active) {
			-webkit-box-shadow: 0 0 2px 2px #409EFF inset;
			box-shadow: 0 0 2px 2px #409EFF inset;
			border-radius: 3px;
		}
	}

	.el-icon-close {
		border-radius: 50%;
		text-align: center;
		-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
		transition: all .3s cubic-bezier(.645,.045,.355,1);
		margin-left: 5px;

		&:before {
			-webkit-transform: scale(.9);
			transform: scale(.9);
			display: inline-block;
		}

		&:hover {
			background-color: #C0C4CC;
			color: #FFF;
		}
	}

	&:hover {
		color: #409EFF;
		cursor: pointer;
	}
}

.el-tabs__nav-wrap.is-scrollable {
	-webkit-box-sizing: border-box;
	padding: 0 20px;
	box-sizing: border-box;
}

.el-time-panel__footer {
	-webkit-box-sizing: border-box;
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	height: 36px;
	line-height: 25px;
	text-align: right;
	box-sizing: border-box;
}

.el-time-range-picker__cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 7px 7px;
	width: 50%;
	display: inline-block;
}

.el-time-panel__content.has-seconds {
	&::after {
		left: calc(100% / 3 * 2);
	}

	&::before {
		padding-left: calc(100% / 3);
	}
}

.el-time-panel__btn {
	border: none;
	line-height: 28px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
	color: #303133;
}

.el-time-panel__btn.confirm {
	font-weight: 800;
	color: #409EFF;
}

.el-time-range-picker {
	width: 354px;
	overflow: visible;
}

.el-time-range-picker__content {
	position: relative;
	text-align: center;
	padding: 10px;
}

.el-time-range-picker__header {
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
}

.el-time-range-picker__body {
	border-radius: 2px;
	border: 1px solid #E4E7ED;
}

.el-popover--plain {
	padding: 18px 20px;
}

.el-popover__title {
	color: #303133;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 12px;
}

.el-popover__reference {
	&:focus {
		&:hover {
			outline-width: 0;
		}

		&:not(.focusing) {
			outline-width: 0;
		}
	}
}

.v-modal-enter {
	-webkit-animation: v-modal-in .2s ease;
	animation: v-modal-in .2s ease;
}

.v-modal-leave {
	-webkit-animation: v-modal-out .2s ease forwards;
	animation: v-modal-out .2s ease forwards;
}

.v-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
}

.el-popup-parent--hidden {
	overflow: hidden;
}

.el-message-box {
	display: inline-block;
	width: 420px;
	padding-bottom: 10px;
	vertical-align: middle;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #EBEEF5;
	font-size: 18px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	text-align: left;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.el-message-box__wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;

	&::after {
		content: "";
		display: inline-block;
		height: 100%;
		width: 0;
		vertical-align: middle;
	}
}

.el-message-box__header {
	position: relative;
	padding: 15px 15px 10px;
}

.el-message-box__title {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1;
	color: #303133;
}

.el-message-box__headerbtn {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0;
	border: none;
	outline: 0;
	background: 0 0;
	font-size: 16px;
	cursor: pointer;

	.el-message-box__close {
		color: #909399;
	}

	&:focus {
		.el-message-box__close {
			color: #409EFF;
		}
	}

	&:hover {
		.el-message-box__close {
			color: #409EFF;
		}
	}
}

.el-form-item.is-error {
	.el-input__inner {
		border-color: #F56C6C;

		&:focus {
			border-color: #F56C6C;
		}
	}

	.el-textarea__inner {
		border-color: #F56C6C;

		&:focus {
			border-color: #F56C6C;
		}
	}

	.el-input-group__append {
		.el-input__inner {
			border-color: transparent;
		}
	}

	.el-input-group__prepend {
		.el-input__inner {
			border-color: transparent;
		}
	}

	.el-input__validateIcon {
		color: #F56C6C;
	}
}

.el-message-box__input {
	input.invalid {
		border-color: #F56C6C;

		&:focus {
			border-color: #F56C6C;
		}
	}

	padding-top: 15px;
}

.el-message-box__content {
	padding: 10px 15px;
	color: #606266;
	font-size: 14px;
}

.el-message-box__container {
	position: relative;
}

.el-message-box__status {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px !important;

	&::before {
		padding-left: 1px;
	}
}

.el-message-box__status + .el-message-box__message {
	padding-left: 36px;
	padding-right: 12px;
}

.el-message-box__status.el-icon-success {
	color: #67C23A;
}

.el-message-box__status.el-icon-info {
	color: #909399;
}

.el-message-box__status.el-icon-warning {
	color: #E6A23C;
}

.el-message-box__status.el-icon-error {
	color: #F56C6C;
}

.el-message-box__message {
	margin: 0;

	p {
		margin: 0;
		line-height: 24px;
	}
}

.el-message-box__errormsg {
	color: #F56C6C;
	font-size: 12px;
	min-height: 18px;
	margin-top: 2px;
}

.el-message-box__btns {
	padding: 5px 15px 0;
	text-align: right;

	button {
		&:nth-child(2) {
			margin-left: 10px;
		}
	}
}

.el-message-box__btns-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.el-message-box--center {
	padding-bottom: 30px;

	.el-message-box__header {
		padding-top: 30px;
	}

	.el-message-box__title {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.el-message-box__status {
		position: relative;
		top: auto;
		padding-right: 5px;
		text-align: center;
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}

	.el-message-box__message {
		margin-left: 0;
	}

	.el-message-box__btns {
		text-align: center;
	}

	.el-message-box__content {
		text-align: center;
		padding-left: 27px;
		padding-right: 27px;
	}
}

.msgbox-fade-enter-active {
	-webkit-animation: msgbox-fade-in .3s;
	animation: msgbox-fade-in .3s;
}

.msgbox-fade-leave-active {
	-webkit-animation: msgbox-fade-out .3s;
	animation: msgbox-fade-out .3s;
}

.el-breadcrumb {
	font-size: 14px;
	line-height: 1;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}
}

.el-breadcrumb__separator {
	margin: 0 9px;
	font-weight: 700;
	color: #C0C4CC;
}

.el-breadcrumb__separator[class*=icon] {
	margin: 0 6px;
	font-weight: 400;
}

.el-breadcrumb__inner {
	color: #606266;

	a {
		font-weight: 700;
		text-decoration: none;
		-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
		transition: color .2s cubic-bezier(.645,.045,.355,1);
		color: #303133;

		&:hover {
			color: #409EFF;
			cursor: pointer;
		}
	}
}

.el-breadcrumb__inner.is-link {
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1);
	color: #303133;

	&:hover {
		color: #409EFF;
		cursor: pointer;
	}
}

.el-form--label-left {
	.el-form-item__label {
		text-align: left;
	}
}

.el-form--label-top {
	.el-form-item__label {
		float: none;
		display: inline-block;
		text-align: left;
		padding: 0 0 10px;
	}
}

.el-form--inline {
	.el-form-item {
		display: inline-block;
		margin-right: 10px;
		vertical-align: top;
	}

	.el-form-item__label {
		float: none;
		display: inline-block;
	}

	.el-form-item__content {
		display: inline-block;
		vertical-align: top;
	}
}

.el-form--inline.el-form--label-top {
	.el-form-item__content {
		display: block;
	}
}

.el-form-item {
	margin-bottom: 22px;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}

	.el-form-item {
		margin-bottom: 0;
	}

	.el-input__validateIcon {
		display: none;
	}
}

.el-form-item--mini.el-form-item {
	margin-bottom: 18px;
}

.el-form-item--small.el-form-item {
	margin-bottom: 18px;
}

.el-form-item--medium {
	.el-form-item__content {
		line-height: 36px;
	}

	.el-form-item__label {
		line-height: 36px;
	}
}

.el-form-item--small {
	.el-form-item__content {
		line-height: 32px;
	}

	.el-form-item__label {
		line-height: 32px;
	}

	.el-form-item__error {
		padding-top: 2px;
	}
}

.el-form-item--mini {
	.el-form-item__content {
		line-height: 28px;
	}

	.el-form-item__label {
		line-height: 28px;
	}

	.el-form-item__error {
		padding-top: 1px;
	}
}

.el-form-item__label-wrap {
	float: left;

	.el-form-item__label {
		display: inline-block;
		float: none;
	}
}

.el-form-item__content {
	line-height: 40px;
	position: relative;
	font-size: 14px;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}

	.el-input-group {
		vertical-align: top;
	}
}

.el-form-item__error {
	color: #F56C6C;
	font-size: 12px;
	line-height: 1;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	left: 0;
}

.el-form-item__error--inline {
	position: relative;
	top: auto;
	left: auto;
	display: inline-block;
	margin-left: 10px;
}

.el-form-item.is-required {
	&:not(.is-no-asterisk) {
		.el-form-item__label-wrap {
			> .el-form-item__label {
				&:before {
					content: '*';
					color: #F56C6C;
					margin-right: 4px;
				}
			}
		}

		> .el-form-item__label {
			&:before {
				content: '*';
				color: #F56C6C;
				margin-right: 4px;
			}
		}
	}
}

.el-form-item--feedback {
	.el-input__validateIcon {
		display: inline-block;
	}
}

.el-tabs__header {
	padding: 0;
	position: relative;
	margin: 0 0 15px;
}

.el-tabs__active-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #409EFF;
	z-index: 1;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
	transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
	transition: transform .3s cubic-bezier(.645,.045,.355,1);
	transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
	list-style: none;
}

.el-tabs__new-tab {
	float: right;
	border: 1px solid #d3dce6;
	height: 18px;
	width: 18px;
	line-height: 18px;
	margin: 12px 0 9px 10px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	color: #d3dce6;
	cursor: pointer;
	-webkit-transition: all .15s;
	transition: all .15s;

	.el-icon-plus {
		-webkit-transform: scale(.8,.8);
		transform: scale(.8,.8);
	}

	&:hover {
		color: #409EFF;
	}
}

.el-tabs__nav-wrap {
	overflow: hidden;
	margin-bottom: -1px;
	position: relative;

	&::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background-color: #E4E7ED;
		z-index: 1;
	}
}

.el-tabs__nav-scroll {
	overflow: hidden;
}

.el-tabs__nav-next {
	position: absolute;
	cursor: pointer;
	line-height: 44px;
	font-size: 12px;
	color: #909399;
	right: 0;
}

.el-tabs__nav-prev {
	position: absolute;
	cursor: pointer;
	line-height: 44px;
	font-size: 12px;
	color: #909399;
	left: 0;
}

.el-tabs__nav {
	white-space: nowrap;
	position: relative;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s;
	float: left;
	z-index: 2;
}

.el-tabs__nav.is-stretch {
	min-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	> * {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center;
	}
}

.el-tabs--card {
	> .el-tabs__header {
		.el-tabs__active-bar {
			display: none;
		}

		border-bottom: 1px solid #E4E7ED;

		.el-tabs__nav-wrap {
			&::after {
				content: none;
			}
		}

		.el-tabs__nav {
			border: 1px solid #E4E7ED;
			border-bottom: none;
			border-radius: 4px 4px 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.el-tabs__item {
			.el-icon-close {
				position: relative;
				font-size: 12px;
				width: 0;
				height: 14px;
				vertical-align: middle;
				line-height: 15px;
				overflow: hidden;
				top: -1px;
				right: -2px;
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
			}

			border-bottom: 1px solid transparent;
			border-left: 1px solid #E4E7ED;
			-webkit-transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
			transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);

			&:first-child {
				border-left: none;
			}
		}

		.el-tabs__item.is-closable {
			&:hover {
				padding-left: 13px;
				padding-right: 13px;

				.el-icon-close {
					width: 14px;
				}
			}
		}

		.el-tabs__item.is-active {
			border-bottom-color: #FFF;
		}

		.el-tabs__item.is-active.is-closable {
			padding-left: 20px;
			padding-right: 20px;

			.el-icon-close {
				width: 14px;
			}
		}
	}
}

.el-tabs--left.el-tabs--card {
	.el-tabs__active-bar.is-left {
		display: none;
	}

	.el-tabs__item.is-left {
		border-left: none;
		border-right: 1px solid #E4E7ED;
		border-bottom: none;
		border-top: 1px solid #E4E7ED;
		text-align: left;

		&:first-child {
			border-right: 1px solid #E4E7ED;
			border-top: none;
		}
	}

	.el-tabs__item.is-left.is-active {
		border: 1px solid #E4E7ED;
		border-right-color: #fff;
		border-left: none;
		border-bottom: none;

		&:first-child {
			border-top: none;
		}

		&:last-child {
			border-bottom: none;
		}
	}

	.el-tabs__nav {
		border-radius: 4px 0 0 4px;
		border-bottom: 1px solid #E4E7ED;
		border-right: none;
	}

	.el-tabs__new-tab {
		float: none;
	}
}

.el-tabs--right.el-tabs--card {
	.el-tabs__active-bar.is-right {
		display: none;
	}

	.el-tabs__item.is-right {
		border-bottom: none;
		border-top: 1px solid #E4E7ED;

		&:first-child {
			border-left: 1px solid #E4E7ED;
			border-top: none;
		}
	}

	.el-tabs__item.is-right.is-active {
		border: 1px solid #E4E7ED;
		border-left-color: #fff;
		border-right: none;
		border-bottom: none;

		&:first-child {
			border-top: none;
		}

		&:last-child {
			border-bottom: none;
		}
	}

	.el-tabs__nav {
		border-radius: 0 4px 4px 0;
		border-bottom: 1px solid #E4E7ED;
		border-left: none;
	}
}

.el-tabs__item.is-active {
	color: #409EFF;
}

.el-tabs__item.is-disabled {
	color: #C0C4CC;
	cursor: default;
}

.el-tabs__content {
	overflow: hidden;
	position: relative;
}

.el-tabs--border-card {
	background: #FFF;
	border: 1px solid #DCDFE6;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);

	> .el-tabs__content {
		padding: 15px;
	}

	> .el-tabs__header {
		background-color: #F5F7FA;
		border-bottom: 1px solid #E4E7ED;
		margin: 0;

		.el-tabs__nav-wrap {
			&::after {
				content: none;
			}
		}

		.el-tabs__item {
			-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
			transition: all .3s cubic-bezier(.645,.045,.355,1);
			border: 1px solid transparent;
			margin-top: -1px;
			color: #909399;

			&:first-child {
				margin-left: -1px;
			}

			&:not(.is-disabled) {
				&:hover {
					color: #409EFF;
				}
			}
		}

		.el-tabs__item + .el-tabs__item {
			margin-left: -1px;
		}

		.is-scrollable {
			.el-tabs__item {
				&:first-child {
					margin-left: 0;
				}
			}
		}

		.el-tabs__item.is-active {
			color: #409EFF;
			background-color: #FFF;
			border-right-color: #DCDFE6;
			border-left-color: #DCDFE6;
		}

		.el-tabs__item.is-disabled {
			color: #C0C4CC;
		}
	}
}

.el-col-offset-0 {
	margin-left: 0;
}

.el-tabs--bottom {
	.el-tabs__item.is-bottom {
		&:nth-child(2) {
			padding-left: 0;
		}

		&:last-child {
			padding-right: 0;
		}
	}

	.el-tabs__item.is-top {
		&:nth-child(2) {
			padding-left: 0;
		}

		&:last-child {
			padding-right: 0;
		}
	}

	.el-tabs--left {
		> .el-tabs__header {
			.el-tabs__item {
				&:last-child {
					padding-right: 20px;
				}

				&:nth-child(2) {
					padding-left: 20px;
				}
			}
		}
	}

	.el-tabs--right {
		> .el-tabs__header {
			.el-tabs__item {
				&:last-child {
					padding-right: 20px;
				}

				&:nth-child(2) {
					padding-left: 20px;
				}
			}
		}
	}

	.el-tabs__header.is-bottom {
		margin-bottom: 0;
		margin-top: 10px;
	}
}

.el-tabs--top {
	.el-tabs__item.is-bottom {
		&:nth-child(2) {
			padding-left: 0;
		}

		&:last-child {
			padding-right: 0;
		}
	}

	.el-tabs__item.is-top {
		&:nth-child(2) {
			padding-left: 0;
		}

		&:last-child {
			padding-right: 0;
		}
	}

	.el-tabs--left {
		> .el-tabs__header {
			.el-tabs__item {
				&:last-child {
					padding-right: 20px;
				}

				&:nth-child(2) {
					padding-left: 20px;
				}
			}
		}
	}

	.el-tabs--right {
		> .el-tabs__header {
			.el-tabs__item {
				&:last-child {
					padding-right: 20px;
				}

				&:nth-child(2) {
					padding-left: 20px;
				}
			}
		}
	}
}

.el-cascader-menu {
	&:last-child {
		.el-cascader-node {
			padding-right: 20px;
		}

		border-right: none;
	}

	-webkit-box-sizing: border-box;
	min-width: 180px;
	box-sizing: border-box;
	color: #606266;
	border-right: solid 1px #E4E7ED;
}

.el-tabs--bottom.el-tabs--border-card {
	> .el-tabs__header {
		.el-tabs__item {
			&:last-child {
				padding-right: 20px;
			}

			&:nth-child(2) {
				padding-left: 20px;
			}
		}
	}

	.el-tabs__header.is-bottom {
		border-bottom: 0;
		border-top: 1px solid #DCDFE6;
	}

	.el-tabs__nav-wrap.is-bottom {
		margin-top: -1px;
		margin-bottom: 0;
	}

	.el-tabs__item.is-bottom {
		&:not(.is-active) {
			border: 1px solid transparent;
		}

		margin: 0 -1px -1px;
	}
}

.el-tabs--bottom.el-tabs--card {
	> .el-tabs__header {
		.el-tabs__item {
			&:last-child {
				padding-right: 20px;
			}

			&:nth-child(2) {
				padding-left: 20px;
			}
		}
	}
}

.el-tabs--top.el-tabs--border-card {
	> .el-tabs__header {
		.el-tabs__item {
			&:last-child {
				padding-right: 20px;
			}

			&:nth-child(2) {
				padding-left: 20px;
			}
		}
	}
}

.el-tabs--top.el-tabs--card {
	> .el-tabs__header {
		.el-tabs__item {
			&:last-child {
				padding-right: 20px;
			}

			&:nth-child(2) {
				padding-left: 20px;
			}
		}
	}
}

.el-tabs--left {
	overflow: hidden;

	.el-tabs__header.is-left {
		height: 100%;
		float: left;
		margin-bottom: 0;
		margin-right: 10px;
	}

	.el-tabs__header.is-right {
		height: 100%;
	}

	.el-tabs__nav-scroll {
		height: 100%;
	}

	.el-tabs__nav-wrap.is-left {
		height: 100%;
		margin-bottom: 0;
		margin-right: -1px;

		> .el-tabs__nav-next {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			right: auto;
			bottom: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		> .el-tabs__nav-prev {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			left: auto;
			top: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		&::after {
			right: 0;
			left: auto;
			height: 100%;
			width: 2px;
			bottom: auto;
			top: 0;
		}
	}

	.el-tabs__nav-wrap.is-right {
		height: 100%;
		margin-bottom: 0;

		> .el-tabs__nav-next {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			right: auto;
			bottom: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		> .el-tabs__nav-prev {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			left: auto;
			top: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		&::after {
			height: 100%;
			width: 2px;
			bottom: auto;
			top: 0;
		}
	}

	.el-tabs__active-bar.is-left {
		top: 0;
		bottom: auto;
		width: 2px;
		height: auto;
		right: 0;
		left: auto;
	}

	.el-tabs__active-bar.is-right {
		top: 0;
		bottom: auto;
		width: 2px;
		height: auto;
	}

	.el-tabs__nav-wrap.is-left.is-scrollable {
		padding: 30px 0;
	}

	.el-tabs__nav-wrap.is-right.is-scrollable {
		padding: 30px 0;
	}

	.el-tabs__nav.is-left {
		float: none;
	}

	.el-tabs__nav.is-right {
		float: none;
	}

	.el-tabs__item.is-left {
		display: block;
		text-align: right;
	}

	.el-tabs__item.is-right {
		display: block;
	}
}

.el-tabs--right {
	overflow: hidden;

	.el-tabs__header.is-left {
		height: 100%;
	}

	.el-tabs__header.is-right {
		height: 100%;
		float: right;
		margin-bottom: 0;
		margin-left: 10px;
	}

	.el-tabs__nav-scroll {
		height: 100%;
	}

	.el-tabs__nav-wrap.is-left {
		height: 100%;
		margin-bottom: 0;

		> .el-tabs__nav-next {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			right: auto;
			bottom: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		> .el-tabs__nav-prev {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			left: auto;
			top: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		&::after {
			height: 100%;
			width: 2px;
			bottom: auto;
			top: 0;
		}
	}

	.el-tabs__nav-wrap.is-right {
		height: 100%;
		margin-bottom: 0;
		margin-left: -1px;

		> .el-tabs__nav-next {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			right: auto;
			bottom: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		> .el-tabs__nav-prev {
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
			cursor: pointer;
			left: auto;
			top: 0;

			i {
				-webkit-transform: rotateZ(90deg);
				transform: rotateZ(90deg);
			}
		}

		&::after {
			height: 100%;
			width: 2px;
			bottom: auto;
			top: 0;
			left: 0;
			right: auto;
		}
	}

	.el-tabs__active-bar.is-left {
		top: 0;
		bottom: auto;
		width: 2px;
		height: auto;
	}

	.el-tabs__active-bar.is-right {
		top: 0;
		bottom: auto;
		width: 2px;
		height: auto;
		left: 0;
	}

	.el-tabs__nav-wrap.is-left.is-scrollable {
		padding: 30px 0;
	}

	.el-tabs__nav-wrap.is-right.is-scrollable {
		padding: 30px 0;
	}

	.el-tabs__nav.is-left {
		float: none;
	}

	.el-tabs__nav.is-right {
		float: none;
	}

	.el-tabs__item.is-left {
		display: block;
	}

	.el-tabs__item.is-right {
		display: block;
	}
}

.el-button-group {
	> .el-button {
		&:not(:last-child) {
			margin-right: -1px;
		}

		float: left;
		position: relative;

		&:first-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;

			&:last-child {
				border-radius: 4px;
			}

			&:last-child.is-round {
				border-radius: 20px;
			}

			&:last-child.is-circle {
				border-radius: 50%;
			}
		}

		&:last-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-radius: 0;
			}
		}

		&:active {
			z-index: 1;
		}

		&:focus {
			z-index: 1;
		}

		&:hover {
			z-index: 1;
		}
	}

	> .el-button + .el-button {
		margin-left: 0;
	}

	.el-button--danger {
		&:last-child {
			border-left-color: rgba(255,255,255,.5);
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-left-color: rgba(255,255,255,.5);
				border-right-color: rgba(255,255,255,.5);
			}
		}

		&:first-child {
			border-right-color: rgba(255,255,255,.5);
		}
	}

	.el-button--info {
		&:last-child {
			border-left-color: rgba(255,255,255,.5);
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-left-color: rgba(255,255,255,.5);
				border-right-color: rgba(255,255,255,.5);
			}
		}

		&:first-child {
			border-right-color: rgba(255,255,255,.5);
		}
	}

	.el-button--primary {
		&:last-child {
			border-left-color: rgba(255,255,255,.5);
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-left-color: rgba(255,255,255,.5);
				border-right-color: rgba(255,255,255,.5);
			}
		}

		&:first-child {
			border-right-color: rgba(255,255,255,.5);
		}
	}

	.el-button--success {
		&:last-child {
			border-left-color: rgba(255,255,255,.5);
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-left-color: rgba(255,255,255,.5);
				border-right-color: rgba(255,255,255,.5);
			}
		}

		&:first-child {
			border-right-color: rgba(255,255,255,.5);
		}
	}

	.el-button--warning {
		&:last-child {
			border-left-color: rgba(255,255,255,.5);
		}

		&:not(:first-child) {
			&:not(:last-child) {
				border-left-color: rgba(255,255,255,.5);
				border-right-color: rgba(255,255,255,.5);
			}
		}

		&:first-child {
			border-right-color: rgba(255,255,255,.5);
		}
	}

	> .el-dropdown {
		> .el-button {
			border-left-color: rgba(255,255,255,.5);
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
	}

	display: inline-block;
	vertical-align: middle;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}

	> .el-button.is-disabled {
		z-index: 1;
	}

	> .el-button.is-active {
		z-index: 1;
	}
}

.el-tabs--left.el-tabs--border-card {
	.el-tabs__header.is-left {
		border-right: 1px solid #dfe4ed;
	}

	.el-tabs__item.is-left {
		border: 1px solid transparent;
		margin: -1px 0 -1px -1px;
	}

	.el-tabs__item.is-left.is-active {
		border-color: #d1dbe5 transparent;
	}
}

.el-tabs--right.el-tabs--border-card {
	.el-tabs__header.is-right {
		border-left: 1px solid #dfe4ed;
	}

	.el-tabs__item.is-right {
		border: 1px solid transparent;
		margin: -1px -1px -1px 0;
	}

	.el-tabs__item.is-right.is-active {
		border-color: #d1dbe5 transparent;
	}
}

.slideInLeft-transition {
	display: inline-block;
}

.slideInRight-transition {
	display: inline-block;
}

.slideInRight-enter {
	-webkit-animation: slideInRight-enter .3s;
	animation: slideInRight-enter .3s;
}

.slideInRight-leave {
	position: absolute;
	left: 0;
	right: 0;
	-webkit-animation: slideInRight-leave .3s;
	animation: slideInRight-leave .3s;
}

.slideInLeft-enter {
	-webkit-animation: slideInLeft-enter .3s;
	animation: slideInLeft-enter .3s;
}

.slideInLeft-leave {
	position: absolute;
	left: 0;
	right: 0;
	-webkit-animation: slideInLeft-leave .3s;
	animation: slideInLeft-leave .3s;
}

.el-tree {
	position: relative;
	cursor: default;
	background: #FFF;
	color: #606266;
}

.el-tree__empty-block {
	position: relative;
	min-height: 60px;
	text-align: center;
	width: 100%;
	height: 100%;
}

.el-tree__empty-text {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #909399;
	font-size: 14px;
}

.el-tree__drop-indicator {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #409EFF;
}

.el-tree-node {
	white-space: nowrap;
	outline: 0;

	&:focus {
		> .el-tree-node__content {
			background-color: #F5F7FA;
		}
	}

	> .el-tree-node__children {
		overflow: hidden;
		background-color: transparent;
	}
}

.el-tree-node.is-drop-inner {
	> .el-tree-node__content {
		.el-tree-node__label {
			background-color: #409EFF;
			color: #fff;
		}
	}
}

.el-tree-node__content {
	&:hover {
		background-color: #F5F7FA;
	}

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 26px;
	cursor: pointer;

	> .el-tree-node__expand-icon {
		padding: 6px;
	}

	> label.el-checkbox {
		margin-right: 8px;
	}
}

.el-upload-list__item {
	&:hover {
		background-color: #F5F7FA;

		.el-icon-close {
			display: inline-block;
		}

		.el-progress__text {
			display: none;
		}
	}

	position: relative;
	-webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
	transition: all .5s cubic-bezier(.55,0,.1,1);
	font-size: 14px;
	color: #606266;
	line-height: 1.8;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;

	.el-progress {
		position: absolute;
		top: 20px;
		width: 100%;
	}

	.el-progress__text {
		position: absolute;
		right: 0;
		top: -13px;
	}

	.el-progress-bar {
		margin-right: 0;
		padding-right: 0;
	}

	&:first-child {
		margin-top: 10px;
	}

	.el-icon-upload-success {
		color: #67C23A;
	}

	.el-icon-close {
		display: none;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
		opacity: .75;
		color: #606266;

		&:hover {
			opacity: 1;
		}
	}

	.el-icon-close-tip {
		display: none;
		position: absolute;
		top: 5px;
		right: 5px;
		font-size: 12px;
		cursor: pointer;
		opacity: 1;
		color: #409EFF;
	}
}

.el-tree.is-dragging {
	.el-tree-node__content {
		cursor: move;

		* {
			pointer-events: none;
		}
	}
}

.el-tree.is-dragging.is-drop-not-allow {
	.el-tree-node__content {
		cursor: not-allowed;
	}
}

.el-tree-node__expand-icon {
	cursor: pointer;
	color: #C0C4CC;
	font-size: 12px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.el-tree-node__expand-icon.expanded {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.el-tree-node__expand-icon.is-leaf {
	color: transparent;
	cursor: default;
}

.el-tree-node__label {
	font-size: 14px;
}

.el-tree-node__loading-icon {
	margin-right: 8px;
	font-size: 14px;
	color: #C0C4CC;
}

.el-tree-node.is-expanded {
	> .el-tree-node__children {
		display: block;
	}
}

.el-tree--highlight-current {
	.el-tree-node.is-current {
		> .el-tree-node__content {
			background-color: #f0f7ff;
		}
	}
}

.el-alert {
	background-color: #FFF;
	overflow: hidden;
	width: 100%;
	padding: 8px 16px;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	position: relative;
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;

	.el-alert__description {
		font-size: 12px;
		margin: 5px 0 0;
	}
}

.el-notification {
	background-color: #FFF;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 330px;
	padding: 14px 26px 14px 13px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #EBEEF5;
	position: fixed;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
	transition: opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;
	transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
	transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;

	.el-icon-success {
		color: #67C23A;
	}

	.el-icon-error {
		color: #F56C6C;
	}

	.el-icon-info {
		color: #909399;
	}

	.el-icon-warning {
		color: #E6A23C;
	}
}

.el-alert.is-light {
	.el-alert__closebtn {
		color: #C0C4CC;
	}
}

.el-alert.is-dark {
	.el-alert__closebtn {
		color: #FFF;
	}

	.el-alert__description {
		color: #FFF;
	}
}

.el-alert.is-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.el-alert--success.is-light {
	background-color: #f0f9eb;
	color: #67C23A;

	.el-alert__description {
		color: #67C23A;
	}
}

.el-alert--success.is-dark {
	background-color: #67C23A;
	color: #FFF;
}

.el-alert--info.is-light {
	background-color: #f4f4f5;
	color: #909399;
}

.el-alert--info.is-dark {
	background-color: #909399;
	color: #FFF;
}

.el-alert--info {
	.el-alert__description {
		color: #909399;
	}
}

.el-alert--warning.is-light {
	background-color: #fdf6ec;
	color: #E6A23C;

	.el-alert__description {
		color: #E6A23C;
	}
}

.el-alert--warning.is-dark {
	background-color: #E6A23C;
	color: #FFF;
}

.el-alert--error.is-light {
	background-color: #fef0f0;
	color: #F56C6C;

	.el-alert__description {
		color: #F56C6C;
	}
}

.el-alert--error.is-dark {
	background-color: #F56C6C;
	color: #FFF;
}

.el-alert__content {
	display: table-cell;
	padding: 0 8px;
}

.el-alert__icon {
	font-size: 16px;
	width: 16px;
}

.el-alert__icon.is-big {
	font-size: 28px;
	width: 28px;
}

.el-alert__title {
	font-size: 13px;
	line-height: 18px;
}

.el-alert__title.is-bold {
	font-weight: 700;
}

.el-alert__closebtn {
	font-size: 12px;
	opacity: 1;
	position: absolute;
	top: 12px;
	right: 15px;
	cursor: pointer;
}

.el-alert-fade-enter {
	opacity: 0;
}

.el-alert-fade-leave-active {
	opacity: 0;
}

.el-loading-fade-enter {
	opacity: 0;
}

.el-loading-fade-leave-active {
	opacity: 0;
}

.el-notification-fade-leave-active {
	opacity: 0;
}

.el-upload {
	iframe {
		opacity: 0;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		filter: alpha(opacity=0);
	}

	display: inline-block;
	text-align: center;
	cursor: pointer;
	outline: 0;

	&:focus {
		border-color: #409EFF;
		color: #409EFF;

		.el-upload-dragger {
			border-color: #409EFF;
		}
	}
}

.el-alert__closebtn.is-customed {
	font-style: normal;
	font-size: 13px;
	top: 9px;
}

.el-notification.right {
	right: 16px;
}

.el-notification.left {
	left: 16px;
}

.el-notification__group {
	margin-left: 13px;
	margin-right: 8px;
}

.el-notification__title {
	font-weight: 700;
	font-size: 16px;
	color: #303133;
	margin: 0;
}

.el-notification__content {
	font-size: 14px;
	line-height: 21px;
	margin: 6px 0 0;
	color: #606266;
	text-align: justify;

	p {
		margin: 0;
	}
}

.el-notification__icon {
	height: 24px;
	width: 24px;
	font-size: 24px;
}

.el-notification__closeBtn {
	position: absolute;
	top: 18px;
	right: 15px;
	cursor: pointer;
	color: #909399;
	font-size: 16px;

	&:hover {
		color: #606266;
	}
}

.el-notification-fade-enter.right {
	right: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.el-notification-fade-enter.left {
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.el-input-number {
	position: relative;
	display: inline-block;
	width: 180px;
	line-height: 38px;

	.el-input {
		display: block;
	}

	.el-input__inner {
		-webkit-appearance: none;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
	}
}

.el-input-number__decrease {
	position: absolute;
	z-index: 1;
	top: 1px;
	width: 40px;
	height: auto;
	text-align: center;
	background: #F5F7FA;
	color: #606266;
	cursor: pointer;
	font-size: 13px;
	left: 1px;
	border-radius: 4px 0 0 4px;
	border-right: 1px solid #DCDFE6;

	&:hover {
		color: #409EFF;

		&:not(.is-disabled) ~ .el-input {
			.el-input__inner {
				&:not(.is-disabled) {
					border-color: #409EFF;
				}
			}
		}
	}
}

.el-input-number__increase {
	position: absolute;
	z-index: 1;
	top: 1px;
	width: 40px;
	height: auto;
	text-align: center;
	background: #F5F7FA;
	color: #606266;
	cursor: pointer;
	font-size: 13px;
	right: 1px;
	border-radius: 0 4px 4px 0;
	border-left: 1px solid #DCDFE6;

	&:hover {
		color: #409EFF;

		&:not(.is-disabled) ~ .el-input {
			.el-input__inner {
				&:not(.is-disabled) {
					border-color: #409EFF;
				}
			}
		}
	}
}

.el-input-number__decrease.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-input-number__increase.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-input-number.is-disabled {
	.el-input-number__decrease {
		border-color: #E4E7ED;
		color: #E4E7ED;

		&:hover {
			color: #E4E7ED;
			cursor: not-allowed;
		}
	}

	.el-input-number__increase {
		border-color: #E4E7ED;
		color: #E4E7ED;

		&:hover {
			color: #E4E7ED;
			cursor: not-allowed;
		}
	}
}

.el-input-number--medium {
	width: 200px;
	line-height: 34px;

	.el-input-number__decrease {
		width: 36px;
		font-size: 14px;
	}

	.el-input-number__increase {
		width: 36px;
		font-size: 14px;
	}

	.el-input__inner {
		padding-left: 43px;
		padding-right: 43px;
	}
}

.el-input-number--small {
	width: 130px;
	line-height: 30px;

	.el-input-number__decrease {
		width: 32px;
		font-size: 13px;

		[class*=el-icon] {
			-webkit-transform: scale(.9);
			transform: scale(.9);
		}
	}

	.el-input-number__increase {
		width: 32px;
		font-size: 13px;

		[class*=el-icon] {
			-webkit-transform: scale(.9);
			transform: scale(.9);
		}
	}

	.el-input__inner {
		padding-left: 39px;
		padding-right: 39px;
	}
}

.el-input-number--mini {
	width: 130px;
	line-height: 26px;

	.el-input-number__decrease {
		width: 28px;
		font-size: 12px;

		[class*=el-icon] {
			-webkit-transform: scale(.8);
			transform: scale(.8);
		}
	}

	.el-input-number__increase {
		width: 28px;
		font-size: 12px;

		[class*=el-icon] {
			-webkit-transform: scale(.8);
			transform: scale(.8);
		}
	}

	.el-input__inner {
		padding-left: 35px;
		padding-right: 35px;
	}
}

.el-input-number.is-without-controls {
	.el-input__inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.el-input-number.is-controls-right {
	.el-input__inner {
		padding-left: 15px;
		padding-right: 50px;
	}

	.el-input-number__decrease {
		height: auto;
		line-height: 19px;
		right: 1px;
		bottom: 1px;
		top: auto;
		left: auto;
		border-right: none;
		border-left: 1px solid #DCDFE6;
		border-radius: 0 0 4px;

		[class*=el-icon] {
			-webkit-transform: scale(.8);
			transform: scale(.8);
		}
	}

	.el-input-number__increase {
		height: auto;
		line-height: 19px;
		border-radius: 0 4px 0 0;
		border-bottom: 1px solid #DCDFE6;

		[class*=el-icon] {
			-webkit-transform: scale(.8);
			transform: scale(.8);
		}
	}
}

.el-input-number.is-controls-right[class*=medium] {
	[class*=decrease] {
		line-height: 17px;
	}

	[class*=increase] {
		line-height: 17px;
	}
}

.el-input-number.is-controls-right[class*=small] {
	[class*=decrease] {
		line-height: 15px;
	}

	[class*=increase] {
		line-height: 15px;
	}
}

.el-input-number.is-controls-right[class*=mini] {
	[class*=decrease] {
		line-height: 13px;
	}

	[class*=increase] {
		line-height: 13px;
	}
}

.el-tooltip {
	&:focus {
		&:hover {
			outline-width: 0;
		}

		&:not(.focusing) {
			outline-width: 0;
		}
	}
}

.el-tooltip__popper {
	position: absolute;
	border-radius: 4px;
	padding: 10px;
	z-index: 2000;
	font-size: 12px;
	line-height: 1.2;
	min-width: 10px;
	word-wrap: break-word;

	.popper__arrow {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 6px;

		&::after {
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
			content: " ";
			border-width: 5px;
		}
	}
}

.el-tooltip__popper[x-placement^=top] {
	margin-bottom: 12px;

	.popper__arrow {
		bottom: -6px;
		border-top-color: #303133;
		border-bottom-width: 0;

		&::after {
			bottom: 1px;
			margin-left: -5px;
			border-top-color: #303133;
			border-bottom-width: 0;
		}
	}
}

.el-tooltip__popper[x-placement^=bottom] {
	margin-top: 12px;

	.popper__arrow {
		top: -6px;
		border-top-width: 0;
		border-bottom-color: #303133;

		&::after {
			top: 1px;
			margin-left: -5px;
			border-top-width: 0;
			border-bottom-color: #303133;
		}
	}
}

.el-tooltip__popper[x-placement^=right] {
	margin-left: 12px;

	.popper__arrow {
		left: -6px;
		border-right-color: #303133;
		border-left-width: 0;

		&::after {
			bottom: -5px;
			left: 1px;
			border-right-color: #303133;
			border-left-width: 0;
		}
	}
}

.el-tooltip__popper[x-placement^=left] {
	margin-right: 12px;

	.popper__arrow {
		right: -6px;
		border-right-width: 0;
		border-left-color: #303133;

		&::after {
			right: 1px;
			bottom: -5px;
			margin-left: -5px;
			border-right-width: 0;
			border-left-color: #303133;
		}
	}
}

.el-tooltip__popper.is-dark {
	background: #303133;
	color: #FFF;
}

.el-tooltip__popper.is-light {
	background: #FFF;
	border: 1px solid #303133;
}

.el-tooltip__popper.is-light[x-placement^=top] {
	.popper__arrow {
		border-top-color: #303133;

		&::after {
			border-top-color: #FFF;
		}
	}
}

.el-tooltip__popper.is-light[x-placement^=bottom] {
	.popper__arrow {
		border-bottom-color: #303133;

		&::after {
			border-bottom-color: #FFF;
		}
	}
}

.el-tooltip__popper.is-light[x-placement^=left] {
	.popper__arrow {
		border-left-color: #303133;

		&::after {
			border-left-color: #FFF;
		}
	}
}

.el-tooltip__popper.is-light[x-placement^=right] {
	.popper__arrow {
		border-right-color: #303133;

		&::after {
			border-right-color: #FFF;
		}
	}
}

.el-slider {
	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}
}

.el-slider__button-wrapper {
	.el-tooltip {
		vertical-align: middle;
		display: inline-block;
	}

	&::after {
		vertical-align: middle;
		display: inline-block;
		content: "";
		height: 100%;
	}

	height: 36px;
	width: 36px;
	position: absolute;
	z-index: 1001;
	top: -15px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: transparent;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: normal;

	&:hover {
		cursor: -webkit-grab;
		cursor: grab;
	}
}

.el-slider__runway {
	width: 100%;
	height: 6px;
	margin: 16px 0;
	background-color: #E4E7ED;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}

.el-slider__runway.show-input {
	margin-right: 160px;
	width: auto;
}

.el-slider__runway.disabled {
	cursor: default;

	.el-slider__bar {
		background-color: #C0C4CC;
	}

	.el-slider__button {
		border-color: #C0C4CC;

		&:hover {
			-webkit-transform: scale(1);
			transform: scale(1);
			cursor: not-allowed;
		}
	}

	.el-slider__button-wrapper.dragging {
		cursor: not-allowed;
	}

	.el-slider__button-wrapper.hover {
		cursor: not-allowed;
	}

	.el-slider__button-wrapper {
		&:hover {
			cursor: not-allowed;
		}
	}

	.el-slider__button.dragging {
		-webkit-transform: scale(1);
		transform: scale(1);
		cursor: not-allowed;
	}

	.el-slider__button.hover {
		-webkit-transform: scale(1);
		transform: scale(1);
		cursor: not-allowed;
	}
}

.el-slider__input {
	float: right;
	margin-top: 3px;
	width: 130px;
}

.el-slider__input.el-input-number--mini {
	margin-top: 5px;
}

.el-slider__input.el-input-number--medium {
	margin-top: 0;
}

.el-slider__input.el-input-number--large {
	margin-top: -2px;
}

.el-slider__bar {
	height: 6px;
	background-color: #409EFF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
}

.el-image-viewer__btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-box-sizing: border-box;
	position: absolute;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	opacity: .8;
	cursor: pointer;
	box-sizing: border-box;
	user-select: none;
}

.el-slider__button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	width: 16px;
	height: 16px;
	border: 2px solid #409EFF;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-transition: .2s;
	transition: .2s;
	user-select: none;

	&:hover {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		cursor: -webkit-grab;
		cursor: grab;
	}
}

.el-step__icon-inner {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	display: inline-block;
	user-select: none;
	text-align: center;
	font-weight: 700;
	line-height: 1;
	color: inherit;
}

.el-slider__button-wrapper.hover {
	cursor: -webkit-grab;
	cursor: grab;
}

.el-slider__button-wrapper.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.el-slider__button.dragging {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.el-slider__button.hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	cursor: -webkit-grab;
	cursor: grab;
}

.el-slider__stop {
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background-color: #FFF;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.el-slider__marks {
	top: 0;
	left: 12px;
	width: 18px;
	height: 100%;
}

.el-slider__marks-text {
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 14px;
	color: #909399;
	margin-top: 15px;
}

.el-slider.is-vertical {
	position: relative;

	.el-slider__runway {
		width: 6px;
		height: 100%;
		margin: 0 16px;
	}

	.el-slider__bar {
		width: 6px;
		height: auto;
		border-radius: 0 0 3px 3px;
	}

	.el-slider__button-wrapper {
		top: auto;
		left: -15px;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}

	.el-slider__stop {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}

	.el-slider__marks-text {
		margin-top: 0;
		left: 15px;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
}

.el-slider.is-vertical.el-slider--with-input {
	padding-bottom: 58px;

	.el-slider__input {
		overflow: visible;
		float: none;
		position: absolute;
		bottom: 22px;
		width: 36px;
		margin-top: 15px;

		.el-input__inner {
			text-align: center;
			padding-left: 5px;
			padding-right: 5px;
		}

		.el-input-number__decrease {
			top: 32px;
			margin-top: -1px;
			border: 1px solid #DCDFE6;
			line-height: 20px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			width: 18px;
			right: 18px;
			border-bottom-left-radius: 4px;
		}

		.el-input-number__increase {
			top: 32px;
			margin-top: -1px;
			border: 1px solid #DCDFE6;
			line-height: 20px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			width: 19px;
			border-bottom-right-radius: 4px;
		}

		.el-input-number__increase ~ .el-input {
			.el-input__inner {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
		}

		&:hover {
			.el-input-number__decrease {
				border-color: #C0C4CC;
			}

			.el-input-number__increase {
				border-color: #C0C4CC;
			}
		}

		&:active {
			.el-input-number__decrease {
				border-color: #409EFF;
			}

			.el-input-number__increase {
				border-color: #409EFF;
			}
		}
	}
}

.el-loading-parent--relative {
	position: relative !important;
}

.el-loading-parent--hidden {
	overflow: hidden !important;
}

.el-loading-mask {
	position: absolute;
	z-index: 2000;
	background-color: rgba(255,255,255,.9);
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.el-loading-mask.is-fullscreen {
	position: fixed;

	.el-loading-spinner {
		margin-top: -25px;

		.circular {
			height: 50px;
			width: 50px;
		}
	}
}

.el-loading-spinner {
	top: 50%;
	margin-top: -21px;
	width: 100%;
	text-align: center;
	position: absolute;

	.el-loading-text {
		color: #409EFF;
		margin: 3px 0;
		font-size: 14px;
	}

	.circular {
		height: 42px;
		width: 42px;
		-webkit-animation: loading-rotate 2s linear infinite;
		animation: loading-rotate 2s linear infinite;
	}

	.path {
		-webkit-animation: loading-dash 1.5s ease-in-out infinite;
		animation: loading-dash 1.5s ease-in-out infinite;
		stroke-dasharray: 90,150;
		stroke-dashoffset: 0;
		stroke-width: 2;
		stroke: #409EFF;
		stroke-linecap: round;
	}

	i {
		color: #409EFF;
	}
}

.el-col-pull-0 {
	position: relative;
	right: 0;
}

.el-col-pull-1 {
	position: relative;
	right: 4.16667%;
}

.el-col-pull-10 {
	position: relative;
	right: 41.66667%;
}

.el-col-pull-11 {
	position: relative;
	right: 45.83333%;
}

.el-col-pull-12 {
	position: relative;
	right: 50%;
}

.el-col-pull-13 {
	position: relative;
	right: 54.16667%;
}

.el-col-pull-14 {
	position: relative;
	right: 58.33333%;
}

.el-col-pull-15 {
	position: relative;
	right: 62.5%;
}

.el-col-pull-16 {
	position: relative;
	right: 66.66667%;
}

.el-col-pull-17 {
	position: relative;
	right: 70.83333%;
}

.el-col-pull-18 {
	position: relative;
	right: 75%;
}

.el-col-pull-19 {
	position: relative;
	right: 79.16667%;
}

.el-col-pull-2 {
	position: relative;
	right: 8.33333%;
}

.el-col-pull-20 {
	position: relative;
	right: 83.33333%;
}

.el-col-pull-21 {
	position: relative;
	right: 87.5%;
}

.el-col-pull-22 {
	position: relative;
	right: 91.66667%;
}

.el-col-pull-23 {
	position: relative;
	right: 95.83333%;
}

.el-col-pull-24 {
	position: relative;
	right: 100%;
}

.el-col-pull-3 {
	position: relative;
	right: 12.5%;
}

.el-col-pull-4 {
	position: relative;
	right: 16.66667%;
}

.el-col-pull-5 {
	position: relative;
	right: 20.83333%;
}

.el-col-pull-6 {
	position: relative;
	right: 25%;
}

.el-col-pull-7 {
	position: relative;
	right: 29.16667%;
}

.el-col-pull-8 {
	position: relative;
	right: 33.33333%;
}

.el-col-pull-9 {
	position: relative;
	right: 37.5%;
}

.el-col-push-0 {
	position: relative;
	left: 0;
}

.el-col-push-1 {
	position: relative;
	left: 4.16667%;
}

.el-col-push-10 {
	position: relative;
	left: 41.66667%;
}

.el-col-push-11 {
	position: relative;
	left: 45.83333%;
}

.el-col-push-12 {
	position: relative;
	left: 50%;
}

.el-col-push-13 {
	position: relative;
	left: 54.16667%;
}

.el-col-push-14 {
	position: relative;
	left: 58.33333%;
}

.el-col-push-15 {
	position: relative;
	left: 62.5%;
}

.el-col-push-16 {
	position: relative;
	left: 66.66667%;
}

.el-col-push-17 {
	position: relative;
	left: 70.83333%;
}

.el-col-push-18 {
	position: relative;
	left: 75%;
}

.el-col-push-19 {
	position: relative;
	left: 79.16667%;
}

.el-col-push-2 {
	position: relative;
	left: 8.33333%;
}

.el-col-push-20 {
	position: relative;
	left: 83.33333%;
}

.el-col-push-21 {
	position: relative;
	left: 87.5%;
}

.el-col-push-22 {
	position: relative;
	left: 91.66667%;
}

.el-col-push-23 {
	position: relative;
	left: 95.83333%;
}

.el-col-push-24 {
	position: relative;
	left: 100%;
}

.el-col-push-3 {
	position: relative;
	left: 12.5%;
}

.el-col-push-4 {
	position: relative;
	left: 16.66667%;
}

.el-col-push-5 {
	position: relative;
	left: 20.83333%;
}

.el-col-push-6 {
	position: relative;
	left: 25%;
}

.el-col-push-7 {
	position: relative;
	left: 29.16667%;
}

.el-col-push-8 {
	position: relative;
	left: 33.33333%;
}

.el-col-push-9 {
	position: relative;
	left: 37.5%;
}

.el-row {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	&::after {
		display: table;
		content: "";
		clear: both;
	}

	&::before {
		display: table;
		content: "";
	}
}

.el-upload-dragger {
	position: relative;
	background-color: #fff;
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 360px;
	height: 180px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;

	.el-icon-upload {
		font-size: 67px;
		color: #C0C4CC;
		margin: 40px 0 16px;
		line-height: 50px;
	}

	.el-upload__text {
		color: #606266;
		font-size: 14px;
		text-align: center;

		em {
			color: #409EFF;
			font-style: normal;
		}
	}

	&:hover {
		border-color: #409EFF;
	}
}

.el-row--flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	&:after {
		display: none;
	}

	&:before {
		display: none;
	}
}

.el-col-0 {
	display: none;
	width: 0%;
}

.el-row--flex.is-justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.el-row--flex.is-justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.el-row--flex.is-justify-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.el-row--flex.is-justify-space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.el-row--flex.is-align-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.el-row--flex.is-align-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el-row--flex.is-align-bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

[class*=el-col-] {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-col-1 {
	width: 4.16667%;
}

.el-col-offset-1 {
	margin-left: 4.16667%;
}

.el-col-2 {
	width: 8.33333%;
}

.el-col-offset-2 {
	margin-left: 8.33333%;
}

.el-col-3 {
	width: 12.5%;
}

.el-col-offset-3 {
	margin-left: 12.5%;
}

.el-col-4 {
	width: 16.66667%;
}

.el-col-offset-4 {
	margin-left: 16.66667%;
}

.el-col-5 {
	width: 20.83333%;
}

.el-col-offset-5 {
	margin-left: 20.83333%;
}

.el-col-6 {
	width: 25%;
}

.el-col-offset-6 {
	margin-left: 25%;
}

.el-col-7 {
	width: 29.16667%;
}

.el-col-offset-7 {
	margin-left: 29.16667%;
}

.el-col-8 {
	width: 33.33333%;
}

.el-col-offset-8 {
	margin-left: 33.33333%;
}

.el-col-9 {
	width: 37.5%;
}

.el-col-offset-9 {
	margin-left: 37.5%;
}

.el-col-10 {
	width: 41.66667%;
}

.el-col-offset-10 {
	margin-left: 41.66667%;
}

.el-col-11 {
	width: 45.83333%;
}

.el-col-offset-11 {
	margin-left: 45.83333%;
}

.el-col-12 {
	width: 50%;
}

.el-col-offset-12 {
	margin-left: 50%;
}

.el-col-13 {
	width: 54.16667%;
}

.el-col-offset-13 {
	margin-left: 54.16667%;
}

.el-col-14 {
	width: 58.33333%;
}

.el-col-offset-14 {
	margin-left: 58.33333%;
}

.el-col-15 {
	width: 62.5%;
}

.el-col-offset-15 {
	margin-left: 62.5%;
}

.el-col-16 {
	width: 66.66667%;
}

.el-col-offset-16 {
	margin-left: 66.66667%;
}

.el-col-17 {
	width: 70.83333%;
}

.el-col-offset-17 {
	margin-left: 70.83333%;
}

.el-col-18 {
	width: 75%;
}

.el-col-offset-18 {
	margin-left: 75%;
}

.el-col-19 {
	width: 79.16667%;
}

.el-col-offset-19 {
	margin-left: 79.16667%;
}

.el-col-20 {
	width: 83.33333%;
}

.el-col-offset-20 {
	margin-left: 83.33333%;
}

.el-col-21 {
	width: 87.5%;
}

.el-col-offset-21 {
	margin-left: 87.5%;
}

.el-col-22 {
	width: 91.66667%;
}

.el-col-offset-22 {
	margin-left: 91.66667%;
}

.el-col-23 {
	width: 95.83333%;
}

.el-col-offset-23 {
	margin-left: 95.83333%;
}

.el-col-24 {
	width: 100%;
}

.el-col-offset-24 {
	margin-left: 100%;
}

.el-upload__input {
	display: none;
}

.el-upload__tip {
	font-size: 12px;
	color: #606266;
	margin-top: 7px;
}

.el-upload--picture-card {
	background-color: #fbfdff;
	border: 1px dashed #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 148px;
	height: 148px;
	cursor: pointer;
	line-height: 146px;
	vertical-align: top;

	i {
		font-size: 28px;
		color: #8c939d;
	}

	&:hover {
		border-color: #409EFF;
		color: #409EFF;
	}
}

.el-upload-dragger + .el-upload__tip {
	text-align: center;
}

.el-upload-dragger ~ .el-upload__files {
	border-top: 1px solid #DCDFE6;
	margin-top: 7px;
	padding-top: 5px;
}

.el-upload-dragger.is-dragover {
	background-color: rgba(32,159,255,.06);
	border: 2px dashed #409EFF;
}

.el-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.el-upload-list__item.is-success {
	.el-upload-list__item-status-label {
		display: block;
	}

	.el-upload-list__item-name {
		&:focus {
			color: #409EFF;
			cursor: pointer;
		}

		&:hover {
			color: #409EFF;
			cursor: pointer;
		}
	}

	&:focus {
		&:not(:hover) {
			.el-icon-close-tip {
				display: inline-block;
			}
		}

		.el-upload-list__item-status-label {
			display: none;
		}
	}

	&:active {
		outline-width: 0;

		.el-icon-close-tip {
			display: none;
		}
	}

	&:not(.focusing) {
		&:focus {
			outline-width: 0;

			.el-icon-close-tip {
				display: none;
			}
		}
	}

	&:hover {
		.el-upload-list__item-status-label {
			display: none;
		}
	}
}

.el-upload-list.is-disabled {
	.el-upload-list__item {
		&:hover {
			.el-upload-list__item-status-label {
				display: block;
			}
		}
	}
}

.el-upload-list__item-name {
	color: #606266;
	display: block;
	margin-right: 40px;
	overflow: hidden;
	padding-left: 4px;
	text-overflow: ellipsis;
	-webkit-transition: color .3s;
	transition: color .3s;
	white-space: nowrap;

	[class^=el-icon] {
		height: 100%;
		margin-right: 7px;
		color: #909399;
		line-height: inherit;
	}
}

.el-upload-list__item-status-label {
	position: absolute;
	right: 5px;
	top: 0;
	line-height: inherit;
	display: none;
}

.el-upload-list__item-delete {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 12px;
	color: #606266;
	display: none;

	&:hover {
		color: #409EFF;
	}
}

.el-upload-list--picture-card {
	margin: 0;
	display: inline;
	vertical-align: top;

	.el-upload-list__item {
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #c0ccda;
		border-radius: 6px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 148px;
		height: 148px;
		margin: 0 8px 8px 0;
		display: inline-block;

		.el-icon-check {
			color: #FFF;
		}

		.el-icon-circle-check {
			color: #FFF;
		}

		.el-icon-close {
			display: none;
		}

		&:hover {
			.el-upload-list__item-status-label {
				display: none;
			}

			.el-progress__text {
				display: block;
			}
		}
	}

	.el-upload-list__item-name {
		display: none;
	}

	.el-upload-list__item-thumbnail {
		width: 100%;
		height: 100%;
	}

	.el-upload-list__item-status-label {
		position: absolute;
		right: -15px;
		top: -6px;
		width: 40px;
		height: 24px;
		background: #13ce66;
		text-align: center;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
		box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);

		i {
			font-size: 12px;
			margin-top: 11px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}

	.el-upload-list__item-actions {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		cursor: default;
		text-align: center;
		color: #fff;
		opacity: 0;
		font-size: 20px;
		background-color: rgba(0,0,0,.5);
		-webkit-transition: opacity .3s;
		transition: opacity .3s;

		&::after {
			display: inline-block;
			content: "";
			height: 100%;
			vertical-align: middle;
		}

		span {
			display: none;
			cursor: pointer;
		}

		span + span {
			margin-left: 15px;
		}

		.el-upload-list__item-delete {
			position: static;
			font-size: inherit;
			color: inherit;
		}

		&:hover {
			opacity: 1;

			span {
				display: inline-block;
			}
		}
	}

	.el-progress {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		bottom: auto;
		width: 126px;

		.el-progress__text {
			top: 50%;
		}
	}
}

.el-upload-list--picture {
	.el-upload-list__item {
		overflow: hidden;
		z-index: 0;
		background-color: #fff;
		border: 1px solid #c0ccda;
		border-radius: 6px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 10px;
		padding: 10px 10px 10px 90px;
		height: 92px;

		.el-icon-check {
			color: #FFF;
		}

		.el-icon-circle-check {
			color: #FFF;
		}

		&:hover {
			.el-upload-list__item-status-label {
				background: 0 0;
				-webkit-box-shadow: none;
				box-shadow: none;
				top: -2px;
				right: -12px;
			}

			.el-progress__text {
				display: block;
			}
		}
	}

	.el-upload-list__item.is-success {
		.el-upload-list__item-name {
			line-height: 70px;
			margin-top: 0;

			i {
				display: none;
			}
		}
	}

	.el-upload-list__item-thumbnail {
		vertical-align: middle;
		display: inline-block;
		width: 70px;
		height: 70px;
		float: left;
		position: relative;
		z-index: 1;
		margin-left: -80px;
		background-color: #FFF;
	}

	.el-upload-list__item-name {
		display: block;
		margin-top: 20px;

		i {
			font-size: 70px;
			line-height: 1;
			position: absolute;
			left: 9px;
			top: 10px;
		}
	}

	.el-upload-list__item-status-label {
		position: absolute;
		right: -17px;
		top: -7px;
		width: 46px;
		height: 26px;
		background: #13ce66;
		text-align: center;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-box-shadow: 0 1px 1px #ccc;
		box-shadow: 0 1px 1px #ccc;

		i {
			font-size: 12px;
			margin-top: 12px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}

	.el-progress {
		position: relative;
		top: -7px;
	}
}

.el-upload-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	cursor: default;

	&::after {
		display: inline-block;
		content: "";
		height: 100%;
		vertical-align: middle;
	}

	img {
		display: block;
		width: 100%;
		height: 100%;
	}
}

.el-upload-cover__label {
	position: absolute;
	right: -15px;
	top: -6px;
	width: 40px;
	height: 24px;
	background: #13ce66;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
	box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);

	i {
		font-size: 12px;
		margin-top: 11px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		color: #fff;
	}
}

.el-upload-cover__progress {
	display: inline-block;
	vertical-align: middle;
	position: static;
	width: 243px;
}

.el-upload-cover__progress + .el-upload__inner {
	opacity: 0;
}

.el-upload-cover__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.el-upload-cover__interact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.72);
	text-align: center;

	.btn {
		display: inline-block;
		color: #FFF;
		font-size: 14px;
		cursor: pointer;
		vertical-align: middle;
		-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
		transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
		transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
		transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
		margin-top: 60px;

		span {
			opacity: 0;
			-webkit-transition: opacity .15s linear;
			transition: opacity .15s linear;
		}

		&:not(:first-child) {
			margin-left: 35px;
		}

		&:hover {
			-webkit-transform: translateY(-13px);
			transform: translateY(-13px);

			span {
				opacity: 1;
			}
		}

		i {
			color: #FFF;
			display: block;
			font-size: 24px;
			line-height: inherit;
			margin: 0 auto 5px;
		}
	}
}

.el-upload-cover__title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	height: 36px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	text-align: left;
	padding: 0 10px;
	margin: 0;
	line-height: 36px;
	font-size: 14px;
	color: #303133;
}

.el-upload-cover + .el-upload__inner {
	opacity: 0;
	position: relative;
	z-index: 1;
}

.el-progress {
	position: relative;
	line-height: 1;
}

.el-progress__text {
	font-size: 14px;
	color: #606266;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 1;

	i {
		vertical-align: middle;
		display: block;
	}
}

.el-progress--circle {
	display: inline-block;

	.el-progress__text {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);

		i {
			vertical-align: middle;
			display: inline-block;
		}
	}
}

.el-progress--dashboard {
	display: inline-block;

	.el-progress__text {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);

		i {
			vertical-align: middle;
			display: inline-block;
		}
	}
}

.el-progress--without-text {
	.el-progress__text {
		display: none;
	}

	.el-progress-bar {
		padding-right: 0;
		margin-right: 0;
		display: block;
	}
}

.el-progress--text-inside {
	.el-progress-bar {
		padding-right: 0;
		margin-right: 0;
	}
}

.el-progress.is-success {
	.el-progress-bar__inner {
		background-color: #67C23A;
	}

	.el-progress__text {
		color: #67C23A;
	}
}

.el-progress.is-warning {
	.el-progress-bar__inner {
		background-color: #E6A23C;
	}

	.el-progress__text {
		color: #E6A23C;
	}
}

.el-progress.is-exception {
	.el-progress-bar__inner {
		background-color: #F56C6C;
	}

	.el-progress__text {
		color: #F56C6C;
	}
}

.el-progress-bar {
	padding-right: 50px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-right: -55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-card__header {
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #EBEEF5;
	padding: 18px 20px;
	box-sizing: border-box;
}

.el-message {
	-webkit-box-sizing: border-box;
	min-width: 380px;
	box-sizing: border-box;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #EBEEF5;
	position: fixed;
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #edf2fc;
	-webkit-transition: opacity .3s,top .4s,-webkit-transform .4s;
	transition: opacity .3s,top .4s,-webkit-transform .4s;
	transition: opacity .3s,transform .4s,top .4s;
	transition: opacity .3s,transform .4s,top .4s,-webkit-transform .4s;
	overflow: hidden;
	padding: 15px 15px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	p {
		margin: 0;
	}

	.el-icon-success {
		color: #67C23A;
	}

	.el-icon-error {
		color: #F56C6C;
	}

	.el-icon-info {
		color: #909399;
	}

	.el-icon-warning {
		color: #E6A23C;
	}
}

.el-progress-bar__outer {
	height: 6px;
	border-radius: 100px;
	background-color: #EBEEF5;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.el-progress-bar__inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #409EFF;
	text-align: right;
	border-radius: 100px;
	line-height: 1;
	white-space: nowrap;
	-webkit-transition: width .6s ease;
	transition: width .6s ease;

	&::after {
		display: inline-block;
		content: "";
		height: 100%;
		vertical-align: middle;
	}
}

.el-progress-bar__innerText {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 12px;
	margin: 0 5px;
}

.el-time-spinner {
	width: 100%;
	white-space: nowrap;
}

.el-spinner {
	display: inline-block;
	vertical-align: middle;
}

.el-spinner-inner {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	width: 50px;
	height: 50px;

	.path {
		stroke: #ececec;
		stroke-linecap: round;
		-webkit-animation: dash 1.5s ease-in-out infinite;
		animation: dash 1.5s ease-in-out infinite;
	}
}

.el-message.is-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.el-message.is-closable {
	.el-message__content {
		padding-right: 16px;
	}
}

.el-message--info {
	.el-message__content {
		color: #909399;
	}
}

.el-message--success {
	background-color: #f0f9eb;
	border-color: #e1f3d8;

	.el-message__content {
		color: #67C23A;
	}
}

.el-message--warning {
	background-color: #fdf6ec;
	border-color: #faecd8;

	.el-message__content {
		color: #E6A23C;
	}
}

.el-message--error {
	background-color: #fef0f0;
	border-color: #fde2e2;

	.el-message__content {
		color: #F56C6C;
	}
}

.el-message__icon {
	margin-right: 10px;
}

.el-message__content {
	padding: 0;
	font-size: 14px;
	line-height: 1;

	&:focus {
		outline-width: 0;
	}
}

.el-message__closeBtn {
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	color: #C0C4CC;
	font-size: 16px;

	&:focus {
		outline-width: 0;
	}

	&:hover {
		color: #909399;
	}
}

.el-message-fade-enter {
	opacity: 0;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
}

.el-message-fade-leave-active {
	opacity: 0;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
}

.el-badge {
	position: relative;
	vertical-align: middle;
	display: inline-block;
}

.el-badge__content {
	background-color: #F56C6C;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #FFF;
}

.el-collapse {
	border-bottom: 1px solid #EBEEF5;
	border-top: 1px solid #EBEEF5;
}

.el-collapse-item__header {
	border-bottom: 1px solid #EBEEF5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
	line-height: 48px;
	background-color: #FFF;
	color: #303133;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	-webkit-transition: border-bottom-color .3s;
	transition: border-bottom-color .3s;
	outline: 0;
}

.el-badge__content.is-fixed {
	position: absolute;
	top: 0;
	right: 10px;
	-webkit-transform: translateY(-50%) translateX(100%);
	transform: translateY(-50%) translateX(100%);
}

.el-rate__icon {
	position: relative;
	display: inline-block;
	font-size: 18px;
	margin-right: 6px;
	color: #C0C4CC;
	-webkit-transition: .3s;
	transition: .3s;

	.path2 {
		position: absolute;
		top: 0;
		left: 0;
	}
}

.el-rate__item {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

.el-badge__content.is-fixed.is-dot {
	right: 5px;
}

.el-badge__content.is-dot {
	height: 8px;
	width: 8px;
	padding: 0;
	right: 0;
	border-radius: 50%;
}

.el-badge__content--primary {
	background-color: #409EFF;
}

.el-badge__content--success {
	background-color: #67C23A;
}

.el-badge__content--warning {
	background-color: #E6A23C;
}

.el-badge__content--info {
	background-color: #909399;
}

.el-badge__content--danger {
	background-color: #F56C6C;
}

.el-card {
	border-radius: 4px;
	border: 1px solid #EBEEF5;
	background-color: #FFF;
	overflow: hidden;
	color: #303133;
	-webkit-transition: .3s;
	transition: .3s;
}

.el-card.is-always-shadow {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-card.is-hover-shadow {
	&:focus {
		-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
		box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	}

	&:hover {
		-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
		box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	}
}

.el-card__body {
	padding: 20px;
}

.el-rate {
	height: 20px;
	line-height: 1;

	&:active {
		outline-width: 0;
	}

	&:focus {
		outline-width: 0;
	}
}

.el-rate__decimal {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
}

.el-rate__icon.hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.el-step.is-vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	.el-step__head {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		width: 24px;
	}

	.el-step__main {
		padding-left: 10px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.el-step__title {
		line-height: 24px;
		padding-bottom: 8px;
	}

	.el-step__line {
		width: 2px;
		top: 0;
		bottom: 0;
		left: 11px;
	}

	.el-step__icon.is-icon {
		width: 24px;
	}
}

.el-steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.el-rate__text {
	font-size: 14px;
	vertical-align: middle;
}

.el-steps--simple {
	padding: 13px 8%;
	border-radius: 4px;
	background: #F5F7FA;
}

.el-steps--horizontal {
	white-space: nowrap;
}

.el-steps--vertical {
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}

.el-step {
	position: relative;
	-ms-flex-negative: 1;
	flex-shrink: 1;

	&:last-of-type {
		.el-step__line {
			display: none;
		}

		.el-step__description {
			padding-right: 0;
		}

		.el-step__main {
			padding-right: 0;
		}
	}

	&:last-of-type.is-flex {
		-ms-flex-preferred-size: auto !important;
		flex-basis: auto !important;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}
}

.el-step__head {
	position: relative;
	width: 100%;
}

.el-step__head.is-process {
	color: #303133;
	border-color: #303133;
}

.el-step__head.is-wait {
	color: #C0C4CC;
	border-color: #C0C4CC;
}

.el-step__head.is-success {
	color: #67C23A;
	border-color: #67C23A;
}

.el-step__head.is-error {
	color: #F56C6C;
	border-color: #F56C6C;
}

.el-step__head.is-finish {
	color: #409EFF;
	border-color: #409EFF;
}

.el-step__icon {
	position: relative;
	z-index: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 24px;
	height: 24px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	-webkit-transition: .15s ease-out;
	transition: .15s ease-out;
}

.el-step.is-horizontal {
	display: inline-block;

	.el-step__line {
		height: 2px;
		top: 11px;
		left: 0;
		right: 0;
	}
}

.el-step__icon.is-text {
	border-radius: 50%;
	border: 2px solid;
	border-color: inherit;
}

.el-step__icon.is-icon {
	width: 40px;
}

.el-step__icon-inner[class*=el-icon] {
	&:not(.is-status) {
		font-size: 25px;
		font-weight: 400;
	}
}

.el-step__icon-inner.is-status {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.el-step__line {
	position: absolute;
	border-color: inherit;
	background-color: #C0C4CC;
}

.el-step__line-inner {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	-webkit-transition: .15s ease-out;
	transition: .15s ease-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 0;
	height: 0;
}

.el-step__main {
	white-space: normal;
	text-align: left;
}

.el-step__title {
	font-size: 16px;
	line-height: 38px;
}

.el-step__title.is-process {
	font-weight: 700;
	color: #303133;
}

.el-step__title.is-wait {
	color: #C0C4CC;
}

.el-step__title.is-success {
	color: #67C23A;
}

.el-step__title.is-error {
	color: #F56C6C;
}

.el-step__title.is-finish {
	color: #409EFF;
}

.el-step__description {
	padding-right: 10%;
	margin-top: -5px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}

.el-step__description.is-process {
	color: #303133;
}

.el-step__description.is-wait {
	color: #C0C4CC;
}

.el-step__description.is-success {
	color: #67C23A;
}

.el-step__description.is-error {
	color: #F56C6C;
}

.el-step__description.is-finish {
	color: #409EFF;
}

.el-step.is-center {
	.el-step__head {
		text-align: center;
	}

	.el-step__main {
		text-align: center;
	}

	.el-step__description {
		padding-left: 20%;
		padding-right: 20%;
	}

	.el-step__line {
		left: 50%;
		right: -50%;
	}
}

.el-step.is-simple {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	.el-step__head {
		width: auto;
		font-size: 0;
		padding-right: 10px;
	}

	.el-step__icon {
		background: 0 0;
		width: 16px;
		height: 16px;
		font-size: 12px;
	}

	.el-step__icon-inner[class*=el-icon] {
		&:not(.is-status) {
			font-size: 18px;
		}
	}

	.el-step__icon-inner.is-status {
		-webkit-transform: scale(.8) translateY(1px);
		transform: scale(.8) translateY(1px);
	}

	.el-step__main {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.el-step__title {
		font-size: 16px;
		line-height: 20px;
	}

	&:not(:last-of-type) {
		.el-step__title {
			max-width: 50%;
			word-break: break-all;
		}
	}

	.el-step__arrow {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		&::after {
			content: '';
			display: inline-block;
			position: absolute;
			height: 15px;
			width: 1px;
			background: #C0C4CC;
			-webkit-transform: rotate(45deg) translateY(4px);
			transform: rotate(45deg) translateY(4px);
			-webkit-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
		}

		&::before {
			content: '';
			display: inline-block;
			position: absolute;
			height: 15px;
			width: 1px;
			background: #C0C4CC;
			-webkit-transform: rotate(-45deg) translateY(-4px);
			transform: rotate(-45deg) translateY(-4px);
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
		}
	}

	&:last-of-type {
		.el-step__arrow {
			display: none;
		}
	}
}

.el-carousel {
	position: relative;
}

.el-carousel--horizontal {
	overflow-x: hidden;
}

.el-carousel--vertical {
	overflow-y: hidden;
}

.el-carousel__container {
	position: relative;
	height: 300px;
}

.el-carousel__arrow {
	border: none;
	outline: 0;
	padding: 0;
	margin: 0;
	height: 36px;
	width: 36px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 50%;
	background-color: rgba(31,45,61,.11);
	color: #FFF;
	position: absolute;
	top: 50%;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 12px;

	&:hover {
		background-color: rgba(31,45,61,.23);
	}

	i {
		cursor: pointer;
	}
}

.el-carousel__arrow--left {
	left: 16px;
}

.el-carousel__arrow--right {
	right: 16px;
}

.el-carousel__indicators {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}

.el-carousel__indicators--horizontal {
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el-carousel__indicators--outside {
	bottom: 26px;
	text-align: center;
	position: static;
	-webkit-transform: none;
	transform: none;

	.el-carousel__indicator {
		&:hover {
			button {
				opacity: .64;
			}
		}
	}

	button {
		background-color: #C0C4CC;
		opacity: .24;
	}
}

.el-carousel__indicators--labels {
	left: 0;
	right: 0;
	-webkit-transform: none;
	transform: none;
	text-align: center;

	.el-carousel__button {
		height: auto;
		width: auto;
		padding: 2px 18px;
		font-size: 12px;
	}

	.el-carousel__indicator {
		padding: 6px 4px;
	}
}

.el-carousel__indicator {
	background-color: transparent;
	cursor: pointer;

	&:hover {
		button {
			opacity: .72;
		}
	}
}

.el-carousel__indicator--horizontal {
	display: inline-block;
	padding: 12px 4px;
}

.el-carousel__indicator--vertical {
	padding: 4px 12px;

	.el-carousel__button {
		width: 2px;
		height: 15px;
	}
}

.el-carousel__indicator.is-active {
	button {
		opacity: 1;
	}
}

.el-carousel__button {
	display: block;
	opacity: .48;
	width: 30px;
	height: 2px;
	background-color: #FFF;
	border: none;
	outline: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

.el-carousel__item {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	display: inline-block;
	overflow: hidden;
	z-index: 0;
}

.el-carousel__mask {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	background-color: #FFF;
	opacity: .24;
	-webkit-transition: .2s;
	transition: .2s;
}

.carousel-arrow-left-enter {
	-webkit-transform: translateY(-50%) translateX(-10px);
	transform: translateY(-50%) translateX(-10px);
	opacity: 0;
}

.carousel-arrow-left-leave-active {
	-webkit-transform: translateY(-50%) translateX(-10px);
	transform: translateY(-50%) translateX(-10px);
	opacity: 0;
}

.carousel-arrow-right-enter {
	-webkit-transform: translateY(-50%) translateX(10px);
	transform: translateY(-50%) translateX(10px);
	opacity: 0;
}

.carousel-arrow-right-leave-active {
	-webkit-transform: translateY(-50%) translateX(10px);
	transform: translateY(-50%) translateX(10px);
	opacity: 0;
}

.el-carousel__item.is-active {
	z-index: 2;
}

.el-carousel__item.is-animating {
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}

.el-carousel__item--card {
	width: 50%;
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}

.el-carousel__item--card.is-in-stage {
	cursor: pointer;
	z-index: 1;

	&:hover {
		.el-carousel__mask {
			opacity: .12;
		}
	}
}

.el-carousel__item--card.is-in-stage.is-hover {
	.el-carousel__mask {
		opacity: .12;
	}
}

.el-carousel__item--card.is-active {
	z-index: 2;
}

.fade-in-linear-enter-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.fade-in-linear-leave-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	opacity: 0;
}

.fade-in-linear-enter {
	opacity: 0;
}

.fade-in-linear-leave {
	opacity: 0;
}

.el-fade-in-linear-enter-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.el-fade-in-linear-leave-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	opacity: 0;
}

.el-fade-in-linear-enter {
	opacity: 0;
}

.el-fade-in-linear-leave {
	opacity: 0;
}

.el-fade-in-enter-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1);
}

.el-fade-in-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1);
	opacity: 0;
}

.el-fade-in-enter {
	opacity: 0;
}

.el-zoom-in-center-enter-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1);
}

.el-zoom-in-center-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1);
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.el-zoom-in-center-enter {
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.el-zoom-in-top-enter-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.el-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.el-zoom-in-top-enter {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.el-zoom-in-bottom-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.el-zoom-in-bottom-enter {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.el-zoom-in-left-enter-active {
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: top left;
	transform-origin: top left;
}

.el-zoom-in-left-leave-active {
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	opacity: 0;
	-webkit-transform: scale(.45,.45);
	transform: scale(.45,.45);
}

.el-zoom-in-left-enter {
	opacity: 0;
	-webkit-transform: scale(.45,.45);
	transform: scale(.45,.45);
}

.collapse-transition {
	-webkit-transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;
	transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;
}

.el-list-enter-active {
	-webkit-transition: all 1s;
	transition: all 1s;
}

.el-list-leave-active {
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

.el-list-enter {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

.el-opacity-transition {
	-webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1);
	transition: opacity .3s cubic-bezier(.55,0,.1,1);
}

.el-collapse-item.is-disabled {
	.el-collapse-item__header {
		color: #bbb;
		cursor: not-allowed;
	}
}

.el-collapse-item__header.focusing {
	&:focus {
		&:not(:hover) {
			color: #409EFF;
		}
	}
}

.el-tag {
	color: #409EFF;
	-webkit-box-sizing: border-box;
	display: inline-block;
	background-color: #ecf5ff;
	border-color: #d9ecff;
	height: 32px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	box-sizing: border-box;
	white-space: nowrap;

	.el-tag__close {
		color: #409eff;

		&:hover {
			color: #FFF;
			background-color: #409eff;
		}
	}

	.el-icon-close {
		border-radius: 50%;
		text-align: center;
		position: relative;
		cursor: pointer;
		font-size: 12px;
		height: 16px;
		width: 16px;
		line-height: 16px;
		vertical-align: middle;
		top: -1px;
		right: -5px;

		&::before {
			display: block;
		}
	}
}

.el-collapse-item__arrow {
	margin: 0 8px 0 auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s;
	font-weight: 300;
}

.el-collapse-item__arrow.is-active {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.el-collapse-item__header.is-active {
	border-bottom-color: transparent;
}

.el-collapse-item__wrap {
	will-change: height;
	background-color: #FFF;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #EBEEF5;
}

.el-cascader__search-input {
	-webkit-box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 24px;
	min-width: 60px;
	margin: 2px 0 2px 15px;
	padding: 0;
	color: #606266;
	border: none;
	outline: 0;
	box-sizing: border-box;

	&::-webkit-input-placeholder {
		color: #C0C4CC;
	}

	&::-moz-placeholder {
		color: #C0C4CC;
	}

	&:-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::placeholder {
		color: #C0C4CC;
	}
}

.el-cascader__tags {
	-webkit-box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: normal;
	text-align: left;
	box-sizing: border-box;

	.el-tag {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 100%;
		margin: 2px 0 2px 6px;
		text-overflow: ellipsis;
		background: #f0f2f5;

		&:not(.is-hit) {
			border-color: transparent;
		}

		> span {
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.el-icon-close {
			-webkit-box-flex: 0;
			-ms-flex: none;
			flex: none;
			background-color: #C0C4CC;
			color: #FFF;

			&:hover {
				background-color: #909399;
			}
		}
	}
}

.el-collapse-item__content {
	padding-bottom: 25px;
	font-size: 13px;
	color: #303133;
	line-height: 1.769230769230769;
}

.el-collapse-item {
	&:last-child {
		margin-bottom: -1px;
	}
}

.el-popper {
	.popper__arrow {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 6px;
		-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
		filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));

		&::after {
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
			content: " ";
			border-width: 6px;
		}
	}
}

.el-cascader {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 40px;

	&:not(.is-disabled) {
		&:hover {
			.el-input__inner {
				cursor: pointer;
				border-color: #C0C4CC;
			}
		}
	}

	.el-input {
		.el-input__inner {
			&:focus {
				border-color: #409EFF;
			}

			text-overflow: ellipsis;
		}

		cursor: pointer;

		.el-icon-arrow-down {
			-webkit-transition: -webkit-transform .3s;
			transition: -webkit-transform .3s;
			transition: transform .3s;
			transition: transform .3s,-webkit-transform .3s;
			font-size: 14px;
		}

		.el-icon-arrow-down.is-reverse {
			-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
		}

		.el-icon-circle-close {
			&:hover {
				color: #909399;
			}
		}
	}

	.el-input.is-focus {
		.el-input__inner {
			border-color: #409EFF;
		}
	}
}

.el-popper[x-placement^=top] {
	margin-bottom: 12px;

	.popper__arrow {
		bottom: -6px;
		left: 50%;
		margin-right: 3px;
		border-top-color: #EBEEF5;
		border-bottom-width: 0;

		&::after {
			bottom: 1px;
			margin-left: -6px;
			border-top-color: #FFF;
			border-bottom-width: 0;
		}
	}
}

.el-popper[x-placement^=bottom] {
	margin-top: 12px;

	.popper__arrow {
		top: -6px;
		left: 50%;
		margin-right: 3px;
		border-top-width: 0;
		border-bottom-color: #EBEEF5;

		&::after {
			top: 1px;
			margin-left: -6px;
			border-top-width: 0;
			border-bottom-color: #FFF;
		}
	}
}

.el-popper[x-placement^=right] {
	margin-left: 12px;

	.popper__arrow {
		top: 50%;
		left: -6px;
		margin-bottom: 3px;
		border-right-color: #EBEEF5;
		border-left-width: 0;

		&::after {
			bottom: -6px;
			left: 1px;
			border-right-color: #FFF;
			border-left-width: 0;
		}
	}
}

.el-popper[x-placement^=left] {
	margin-right: 12px;

	.popper__arrow {
		top: 50%;
		right: -6px;
		margin-bottom: 3px;
		border-right-width: 0;
		border-left-color: #EBEEF5;

		&::after {
			right: 1px;
			bottom: -6px;
			margin-left: -6px;
			border-right-width: 0;
			border-left-color: #FFF;
		}
	}
}

.el-tag.is-hit {
	border-color: #409EFF;
}

.el-tag.el-tag--info {
	background-color: #f4f4f5;
	border-color: #e9e9eb;
	color: #909399;

	.el-tag__close {
		color: #909399;

		&:hover {
			color: #FFF;
			background-color: #909399;
		}
	}
}

.el-tag.el-tag--info.is-hit {
	border-color: #909399;
}

.el-tag.el-tag--success {
	background-color: #f0f9eb;
	border-color: #e1f3d8;
	color: #67c23a;

	.el-tag__close {
		color: #67c23a;

		&:hover {
			color: #FFF;
			background-color: #67c23a;
		}
	}
}

.el-tag.el-tag--success.is-hit {
	border-color: #67C23A;
}

.el-tag.el-tag--warning {
	background-color: #fdf6ec;
	border-color: #faecd8;
	color: #e6a23c;

	.el-tag__close {
		color: #e6a23c;

		&:hover {
			color: #FFF;
			background-color: #e6a23c;
		}
	}
}

.el-tag.el-tag--warning.is-hit {
	border-color: #E6A23C;
}

.el-tag.el-tag--danger {
	background-color: #fef0f0;
	border-color: #fde2e2;
	color: #f56c6c;

	.el-tag__close {
		color: #f56c6c;

		&:hover {
			color: #FFF;
			background-color: #f56c6c;
		}
	}
}

.el-tag.el-tag--danger.is-hit {
	border-color: #F56C6C;
}

.el-tag--dark {
	background-color: #409eff;
	border-color: #409eff;
	color: #fff;

	.el-tag__close {
		color: #fff;

		&:hover {
			color: #FFF;
			background-color: #66b1ff;
		}
	}
}

.el-tag--dark.is-hit {
	border-color: #409EFF;
}

.el-tag--dark.el-tag--info {
	background-color: #909399;
	border-color: #909399;
	color: #fff;

	.el-tag__close {
		color: #fff;

		&:hover {
			color: #FFF;
			background-color: #a6a9ad;
		}
	}
}

.el-tag--dark.el-tag--info.is-hit {
	border-color: #909399;
}

.el-tag--dark.el-tag--success {
	background-color: #67c23a;
	border-color: #67c23a;
	color: #fff;

	.el-tag__close {
		color: #fff;

		&:hover {
			color: #FFF;
			background-color: #85ce61;
		}
	}
}

.el-tag--dark.el-tag--success.is-hit {
	border-color: #67C23A;
}

.el-tag--dark.el-tag--warning {
	background-color: #e6a23c;
	border-color: #e6a23c;
	color: #fff;

	.el-tag__close {
		color: #fff;

		&:hover {
			color: #FFF;
			background-color: #ebb563;
		}
	}
}

.el-tag--dark.el-tag--warning.is-hit {
	border-color: #E6A23C;
}

.el-tag--dark.el-tag--danger {
	background-color: #f56c6c;
	border-color: #f56c6c;
	color: #fff;

	.el-tag__close {
		color: #fff;

		&:hover {
			color: #FFF;
			background-color: #f78989;
		}
	}
}

.el-tag--dark.el-tag--danger.is-hit {
	border-color: #F56C6C;
}

.el-tag--plain {
	background-color: #fff;
	border-color: #b3d8ff;
	color: #409eff;

	.el-tag__close {
		color: #409eff;

		&:hover {
			color: #FFF;
			background-color: #409eff;
		}
	}
}

.el-tag--plain.is-hit {
	border-color: #409EFF;
}

.el-tag--plain.el-tag--info {
	background-color: #fff;
	border-color: #d3d4d6;
	color: #909399;

	.el-tag__close {
		color: #909399;

		&:hover {
			color: #FFF;
			background-color: #909399;
		}
	}
}

.el-tag--plain.el-tag--info.is-hit {
	border-color: #909399;
}

.el-tag--plain.el-tag--success {
	background-color: #fff;
	border-color: #c2e7b0;
	color: #67c23a;

	.el-tag__close {
		color: #67c23a;

		&:hover {
			color: #FFF;
			background-color: #67c23a;
		}
	}
}

.el-tag--plain.el-tag--success.is-hit {
	border-color: #67C23A;
}

.el-tag--plain.el-tag--warning {
	background-color: #fff;
	border-color: #f5dab1;
	color: #e6a23c;

	.el-tag__close {
		color: #e6a23c;

		&:hover {
			color: #FFF;
			background-color: #e6a23c;
		}
	}
}

.el-tag--plain.el-tag--warning.is-hit {
	border-color: #E6A23C;
}

.el-tag--plain.el-tag--danger {
	background-color: #fff;
	border-color: #fbc4c4;
	color: #f56c6c;

	.el-tag__close {
		color: #f56c6c;

		&:hover {
			color: #FFF;
			background-color: #f56c6c;
		}
	}
}

.el-tag--plain.el-tag--danger.is-hit {
	border-color: #F56C6C;
}

.el-tag--medium {
	height: 28px;
	line-height: 26px;

	.el-icon-close {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
}

.el-tag--small {
	height: 24px;
	padding: 0 8px;
	line-height: 22px;

	.el-icon-close {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
}

.el-tag--mini {
	height: 20px;
	padding: 0 5px;
	line-height: 19px;

	.el-icon-close {
		margin-left: -3px;
		-webkit-transform: scale(.7);
		transform: scale(.7);
	}
}

.el-cascader--medium {
	font-size: 14px;
	line-height: 36px;
}

.el-cascader--small {
	font-size: 13px;
	line-height: 32px;
}

.el-cascader--mini {
	font-size: 12px;
	line-height: 28px;
}

.el-cascader.is-disabled {
	.el-cascader__label {
		z-index: 2;
		color: #C0C4CC;
	}
}

.el-cascader__dropdown {
	margin: 5px 0;
	font-size: 14px;
	background: #FFF;
	border: 1px solid #E4E7ED;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-cascader__suggestion-panel {
	border-radius: 4px;
}

.el-cascader__suggestion-list {
	max-height: 204px;
	margin: 0;
	padding: 6px 0;
	font-size: 14px;
	color: #606266;
	text-align: center;
}

.el-cascader__suggestion-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 34px;
	padding: 0 15px;
	text-align: left;
	outline: 0;
	cursor: pointer;

	&:focus {
		background: #F5F7FA;
	}

	&:hover {
		background: #F5F7FA;
	}

	> span {
		margin-right: 10px;
	}
}

.el-cascader__suggestion-item.is-checked {
	color: #409EFF;
	font-weight: 700;
}

.el-cascader__empty-text {
	margin: 10px 0;
	color: #C0C4CC;
}

.el-color-predefine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	margin-top: 8px;
	width: 280px;
}

.el-color-predefine__colors {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.el-color-predefine__color-selector {
	margin: 0 0 8px 8px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	cursor: pointer;

	&:nth-child(10n+1) {
		margin-left: 0;
	}

	> div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		border-radius: 3px;
	}
}

.el-color-predefine__color-selector.selected {
	-webkit-box-shadow: 0 0 3px 2px #409EFF;
	box-shadow: 0 0 3px 2px #409EFF;
}

.el-color-predefine__color-selector.is-alpha {
	background-image: url();
}

.el-color-hue-slider {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 12px;
	background-color: red;
	padding: 0 2px;
}

.el-color-hue-slider__bar {
	position: relative;
	background: -webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));
	background: linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
	height: 100%;
}

.el-color-hue-slider__thumb {
	position: absolute;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	border-radius: 1px;
	background: #fff;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
	box-shadow: 0 0 2px rgba(0,0,0,.6);
	z-index: 1;
}

.el-color-hue-slider.is-vertical {
	width: 12px;
	height: 180px;
	padding: 2px 0;

	.el-color-hue-slider__bar {
		background: -webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));
		background: linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
	}

	.el-color-hue-slider__thumb {
		left: 0;
		top: 0;
		width: 100%;
		height: 4px;
	}
}

.el-color-svpanel {
	position: relative;
	width: 280px;
	height: 180px;
}

.el-color-svpanel__black {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));
	background: linear-gradient(to top,#000,rgba(0,0,0,0));
}

.el-color-svpanel__white {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,#fff,rgba(255,255,255,0));
}

.el-color-svpanel__cursor {
	position: absolute;

	> div {
		cursor: head;
		width: 4px;
		height: 4px;
		-webkit-box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
		border-radius: 50%;
		-webkit-transform: translate(-2px,-2px);
		transform: translate(-2px,-2px);
	}
}

.el-color-alpha-slider {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 12px;
	background: url();
}

.el-color-alpha-slider__bar {
	position: relative;
	background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));
	background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);
	height: 100%;
}

.el-color-alpha-slider__thumb {
	position: absolute;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	border-radius: 1px;
	background: #fff;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
	box-shadow: 0 0 2px rgba(0,0,0,.6);
	z-index: 1;
}

.el-color-alpha-slider.is-vertical {
	width: 20px;
	height: 180px;

	.el-color-alpha-slider__bar {
		background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));
		background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
	}

	.el-color-alpha-slider__thumb {
		left: 0;
		top: 0;
		width: 100%;
		height: 4px;
	}
}

.el-color-dropdown {
	width: 300px;
}

.el-color-dropdown__main-wrapper {
	margin-bottom: 6px;

	&::after {
		content: "";
		display: table;
		clear: both;
	}
}

.el-color-dropdown__btns {
	margin-top: 6px;
	text-align: right;
}

.el-color-dropdown__value {
	float: left;
	line-height: 26px;
	font-size: 12px;
	color: #000;
	width: 160px;
}

.el-color-dropdown__btn {
	border: 1px solid #dcdcdc;
	color: #333;
	line-height: 24px;
	border-radius: 2px;
	padding: 0 20px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;

	&:hover {
		color: #409EFF;
		border-color: #409EFF;
	}
}

.el-color-dropdown__btn[disabled] {
	color: #ccc;
	cursor: not-allowed;
}

.el-color-dropdown__link-btn {
	cursor: pointer;
	color: #409EFF;
	text-decoration: none;
	padding: 15px;
	font-size: 12px;

	&:hover {
		color: tint(#409EFF,20%);
	}
}

.el-color-picker {
	display: inline-block;
	position: relative;
	line-height: normal;
	height: 40px;
}

.el-color-picker.is-disabled {
	.el-color-picker__trigger {
		cursor: not-allowed;
	}
}

.el-color-picker--medium {
	height: 36px;

	.el-color-picker__trigger {
		height: 36px;
		width: 36px;
	}

	.el-color-picker__mask {
		height: 34px;
		width: 34px;
	}
}

.el-color-picker--small {
	height: 32px;

	.el-color-picker__trigger {
		height: 32px;
		width: 32px;
	}

	.el-color-picker__mask {
		height: 30px;
		width: 30px;
	}

	.el-color-picker__empty {
		-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
		transform: translate3d(-50%,-50%,0) scale(.8);
	}

	.el-color-picker__icon {
		-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
		transform: translate3d(-50%,-50%,0) scale(.8);
	}
}

.el-color-picker--mini {
	height: 28px;

	.el-color-picker__trigger {
		height: 28px;
		width: 28px;
	}

	.el-color-picker__mask {
		height: 26px;
		width: 26px;
	}

	.el-color-picker__empty {
		-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
		transform: translate3d(-50%,-50%,0) scale(.8);
	}

	.el-color-picker__icon {
		-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
		transform: translate3d(-50%,-50%,0) scale(.8);
	}
}

.el-color-picker__mask {
	height: 38px;
	width: 38px;
	border-radius: 4px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	cursor: not-allowed;
	background-color: rgba(255,255,255,.7);
}

.el-color-picker__trigger {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	width: 40px;
	padding: 4px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	font-size: 0;
	position: relative;
	cursor: pointer;
}

.el-color-picker__color {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.el-color-picker__icon {
	display: inline-block;
	width: 100%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	font-size: 12px;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	color: #FFF;
	text-align: center;
}

.el-input {
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 14px;

	&::-webkit-scrollbar {
		z-index: 11;
		width: 6px;

		&:horizontal {
			height: 6px;
		}
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 5px;
		width: 6px;
		background: #b4bccc;
	}

	&::-webkit-scrollbar-corner {
		background: #fff;
	}

	&::-webkit-scrollbar-track {
		background: #fff;
	}

	&::-webkit-scrollbar-track-piece {
		background: #fff;
		width: 6px;
	}

	.el-input__clear {
		color: #C0C4CC;
		font-size: 14px;
		cursor: pointer;
		-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
		transition: color .2s cubic-bezier(.645,.045,.355,1);

		&:hover {
			color: #909399;
		}
	}

	.el-input__count {
		height: 100%;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #909399;
		font-size: 12px;

		.el-input__count-inner {
			background: #FFF;
			line-height: initial;
			display: inline-block;
			padding: 0 5px;
		}
	}
}

.el-textarea {
	display: inline-block;
	width: 100%;
	position: relative;
	vertical-align: bottom;
	font-size: 14px;

	.el-input__count {
		color: #909399;
		background: #FFF;
		position: absolute;
		font-size: 12px;
		bottom: 5px;
		right: 10px;
	}
}

.el-color-picker__color.is-alpha {
	background-image: url();
}

.el-color-picker__color-inner {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.el-color-picker__empty {
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	font-size: 12px;
	position: absolute;
	color: #999;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
}

.el-color-picker__panel {
	position: absolute;
	z-index: 10;
	padding: 6px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #FFF;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-textarea__inner {
	display: block;
	resize: vertical;
	padding: 5px 15px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: inherit;
	color: #606266;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);

	&::-webkit-input-placeholder {
		color: #C0C4CC;
	}

	&::-moz-placeholder {
		color: #C0C4CC;
	}

	&:-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::placeholder {
		color: #C0C4CC;
	}

	&:hover {
		border-color: #C0C4CC;
	}

	&:focus {
		outline: 0;
		border-color: #409EFF;
	}
}

.el-textarea.is-disabled {
	.el-textarea__inner {
		background-color: #F5F7FA;
		border-color: #E4E7ED;
		color: #C0C4CC;
		cursor: not-allowed;

		&::-webkit-input-placeholder {
			color: #C0C4CC;
		}

		&::-moz-placeholder {
			color: #C0C4CC;
		}

		&:-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::placeholder {
			color: #C0C4CC;
		}
	}
}

.el-textarea.is-exceed {
	.el-textarea__inner {
		border-color: #F56C6C;
	}

	.el-input__count {
		color: #F56C6C;
	}
}

.el-input__inner {
	-webkit-appearance: none;
	background-color: #FFF;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%;

	&::-ms-reveal {
		display: none;
	}

	&::-webkit-input-placeholder {
		color: #C0C4CC;
	}

	&::-moz-placeholder {
		color: #C0C4CC;
	}

	&:-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::-ms-input-placeholder {
		color: #C0C4CC;
	}

	&::placeholder {
		color: #C0C4CC;
	}

	&:hover {
		border-color: #C0C4CC;
	}

	&:focus {
		border-color: #409EFF;
		outline: 0;
	}

	&::-ms-clear {
		display: none;
		width: 0;
		height: 0;
	}
}

.el-input__prefix {
	top: 0;
	-webkit-transition: all .3s;
	height: 100%;
	color: #C0C4CC;
	position: absolute;
	text-align: center;
	left: 5px;
	transition: all .3s;
}

.el-input__suffix {
	top: 0;
	-webkit-transition: all .3s;
	height: 100%;
	color: #C0C4CC;
	position: absolute;
	text-align: center;
	right: 5px;
	transition: all .3s;
	pointer-events: none;
}

.el-input.is-active {
	.el-input__inner {
		border-color: #409EFF;
		outline: 0;
	}
}

.el-input__suffix-inner {
	pointer-events: all;
}

.el-input__icon {
	height: 100%;
	width: 25px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	line-height: 40px;

	&:after {
		content: '';
		height: 100%;
		width: 0;
		display: inline-block;
		vertical-align: middle;
	}
}

.el-input__validateIcon {
	pointer-events: none;
}

.el-input.is-disabled {
	.el-input__inner {
		background-color: #F5F7FA;
		border-color: #E4E7ED;
		color: #C0C4CC;
		cursor: not-allowed;

		&::-webkit-input-placeholder {
			color: #C0C4CC;
		}

		&::-moz-placeholder {
			color: #C0C4CC;
		}

		&:-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::-ms-input-placeholder {
			color: #C0C4CC;
		}

		&::placeholder {
			color: #C0C4CC;
		}
	}

	.el-input__icon {
		cursor: not-allowed;
	}
}

.el-input.is-exceed {
	.el-input__inner {
		border-color: #F56C6C;
	}

	.el-input__suffix {
		.el-input__count {
			color: #F56C6C;
		}
	}
}

.el-input--suffix {
	.el-input__inner {
		padding-right: 30px;
	}
}

.el-input--prefix {
	.el-input__inner {
		padding-left: 30px;
	}
}

.el-input--medium {
	font-size: 14px;

	.el-input__inner {
		height: 36px;
		line-height: 36px;
	}

	.el-input__icon {
		line-height: 36px;
	}
}

.el-input--small {
	font-size: 13px;

	.el-input__inner {
		height: 32px;
		line-height: 32px;
	}

	.el-input__icon {
		line-height: 32px;
	}
}

.el-input--mini {
	font-size: 12px;

	.el-input__inner {
		height: 28px;
		line-height: 28px;
	}

	.el-input__icon {
		line-height: 28px;
	}
}

.el-input-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;

	> .el-input__inner {
		vertical-align: middle;
		display: table-cell;
	}
}

.el-input-group__append {
	background-color: #F5F7FA;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;

	&:focus {
		outline: 0;
	}

	.el-button {
		display: inline-block;
		margin: -10px -20px;
		font-size: inherit;
	}

	.el-select {
		display: inline-block;
		margin: -10px -20px;
	}

	button.el-button {
		border-color: transparent;
		background-color: transparent;
		color: inherit;
		border-top: 0;
		border-bottom: 0;
	}

	div.el-select {
		.el-input__inner {
			border-color: transparent;
			background-color: transparent;
			color: inherit;
			border-top: 0;
			border-bottom: 0;
		}

		&:hover {
			.el-input__inner {
				border-color: transparent;
				background-color: transparent;
				color: inherit;
				border-top: 0;
				border-bottom: 0;
			}
		}
	}

	.el-input {
		font-size: inherit;
	}
}

.el-input-group__prepend {
	background-color: #F5F7FA;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;

	&:focus {
		outline: 0;
	}

	.el-button {
		display: inline-block;
		margin: -10px -20px;
		font-size: inherit;
	}

	.el-select {
		display: inline-block;
		margin: -10px -20px;
	}

	button.el-button {
		border-color: transparent;
		background-color: transparent;
		color: inherit;
		border-top: 0;
		border-bottom: 0;
	}

	div.el-select {
		.el-input__inner {
			border-color: transparent;
			background-color: transparent;
			color: inherit;
			border-top: 0;
			border-bottom: 0;
		}

		&:hover {
			.el-input__inner {
				border-color: transparent;
				background-color: transparent;
				color: inherit;
				border-top: 0;
				border-bottom: 0;
			}
		}
	}

	.el-input {
		font-size: inherit;
	}
}

.el-input-group--prepend {
	.el-input__inner {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.el-select {
		.el-input.is-focus {
			.el-input__inner {
				border-color: transparent;
			}
		}
	}
}

.el-input-group--append {
	.el-input__inner {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.el-select {
		.el-input.is-focus {
			.el-input__inner {
				border-color: transparent;
			}
		}
	}
}

.el-transfer-panel {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	overflow: hidden;
	background: #FFF;
	width: 200px;
	max-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

	.el-transfer-panel__header {
		height: 40px;
		line-height: 40px;
		background: #F5F7FA;
		margin: 0;
		padding-left: 15px;
		border-bottom: 1px solid #EBEEF5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #000;

		.el-checkbox {
			display: block;
			line-height: 40px;

			.el-checkbox__label {
				font-size: 16px;
				color: #303133;
				font-weight: 400;

				span {
					position: absolute;
					right: 15px;
					color: #909399;
					font-size: 12px;
					font-weight: 400;
				}
			}
		}
	}

	.el-transfer-panel__footer {
		height: 40px;
		background: #FFF;
		margin: 0;
		padding: 0;
		border-top: 1px solid #EBEEF5;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;

		&::after {
			display: inline-block;
			content: "";
			height: 100%;
			vertical-align: middle;
		}

		.el-checkbox {
			padding-left: 20px;
			color: #606266;
		}
	}

	.el-transfer-panel__empty {
		margin: 0;
		height: 30px;
		line-height: 30px;
		padding: 6px 15px 0;
		color: #909399;
		text-align: center;
	}

	.el-checkbox__label {
		padding-left: 8px;
	}

	.el-checkbox__inner {
		height: 14px;
		width: 14px;
		border-radius: 3px;

		&::after {
			height: 6px;
			width: 3px;
			left: 4px;
		}
	}
}

.el-transfer__buttons {
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
}

.el-transfer {
	font-size: 14px;
}

.el-transfer__button {
	display: block;
	margin: 0 auto;
	padding: 10px;
	border-radius: 50%;
	color: #FFF;
	background-color: #409EFF;
	font-size: 0;

	[class*=el-icon-] + span {
		margin-left: 0;
	}

	i {
		font-size: 14px;
	}

	span {
		font-size: 14px;
	}

	&:first-child {
		margin-bottom: 10px;
	}

	&:nth-child(2) {
		margin: 0;
	}
}

.el-transfer-panel__item + .el-transfer-panel__item {
	margin-left: 0;
}

.el-timeline {
	font-size: 14px;
	margin: 0;
	list-style: none;

	.el-timeline-item {
		&:last-child {
			.el-timeline-item__tail {
				display: none;
			}
		}
	}
}

.el-transfer__button.is-with-texts {
	border-radius: 4px;
}

.el-transfer__button.is-disabled {
	border: 1px solid #DCDFE6;
	background-color: #F5F7FA;
	color: #C0C4CC;

	&:hover {
		border: 1px solid #DCDFE6;
		background-color: #F5F7FA;
		color: #C0C4CC;
	}
}

.el-transfer-panel__body {
	height: 246px;
}

.el-transfer-panel__body.is-with-footer {
	padding-bottom: 40px;
}

.el-transfer-panel__list {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	height: 246px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.el-transfer-panel__list.is-filterable {
	height: 194px;
	padding-top: 0;
}

.el-transfer-panel__item {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	display: block !important;

	&:hover {
		color: #409EFF;
	}

	.el-checkbox__input {
		position: absolute;
		top: 8px;
	}
}

.el-transfer-panel__item.el-checkbox {
	color: #606266;

	.el-checkbox__label {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 24px;
		line-height: 30px;
	}
}

.el-transfer-panel__filter {
	text-align: center;
	margin: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: auto;

	.el-input__inner {
		height: 32px;
		width: 100%;
		font-size: 12px;
		display: inline-block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 16px;
		padding-right: 10px;
		padding-left: 30px;
	}

	.el-input__icon {
		margin-left: 5px;
	}

	.el-icon-circle-close {
		cursor: pointer;
	}
}

.el-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 0;
}

.el-timeline-item__node {
	display: -webkit-box;
	display: -ms-flexbox;
	position: absolute;
	background-color: #E4E7ED;
	border-radius: 50%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el-container.is-vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.el-drawer {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-sizing: border-box;
	position: absolute;
	box-sizing: border-box;
	background-color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
	box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
	overflow: hidden;
	outline: 0;
}

.el-empty {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
}

.el-result {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 30px;

	.icon-success {
		fill: #67C23A;
	}

	.icon-error {
		fill: #F56C6C;
	}

	.icon-info {
		fill: #909399;
	}

	.icon-warning {
		fill: #E6A23C;
	}
}

.el-header {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.el-aside {
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.el-main {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.el-button {
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight: 500;
	-moz-user-select: none;
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #DCDFE6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	-webkit-transition: .1s;
	transition: .1s;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 4px;

	&:focus {
		color: #409EFF;
		border-color: #c6e2ff;
		background-color: #ecf5ff;
	}

	&:hover {
		color: #409EFF;
		border-color: #c6e2ff;
		background-color: #ecf5ff;
	}

	&:active {
		color: #3a8ee6;
		border-color: #3a8ee6;
		outline: 0;
	}

	&::-moz-focus-inner {
		border: 0;
	}

	[class*=el-icon-] + span {
		margin-left: 5px;
	}
}

.el-calendar-table {
	.el-calendar-day {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 8px;
		height: 85px;

		&:hover {
			cursor: pointer;
			background-color: #F2F8FE;
		}
	}

	table-layout: fixed;
	width: 100%;

	thead {
		th {
			padding: 12px 0;
			color: #606266;
			font-weight: 400;
		}
	}

	&:not(.is-range) {
		td.next {
			color: #C0C4CC;
		}

		td.prev {
			color: #C0C4CC;
		}
	}

	td.is-today {
		color: #409EFF;
	}

	td {
		border-bottom: 1px solid #EBEEF5;
		border-right: 1px solid #EBEEF5;
		vertical-align: top;
		-webkit-transition: background-color .2s ease;
		transition: background-color .2s ease;
	}

	td.is-selected {
		background-color: #F2F8FE;
	}

	tr {
		&:first-child {
			td {
				border-top: 1px solid #EBEEF5;
			}
		}

		td {
			&:first-child {
				border-left: 1px solid #EBEEF5;
			}
		}
	}

	tr.el-calendar-table__row--hide-border {
		td {
			border-top: none;
		}
	}
}

.el-footer {
	-webkit-box-sizing: border-box;
	padding: 0 20px;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.el-timeline-item {
	position: relative;
	padding-bottom: 20px;
}

.el-timeline-item__wrapper {
	position: relative;
	padding-left: 28px;
	top: -3px;
}

.el-timeline-item__tail {
	position: absolute;
	left: 4px;
	height: 100%;
	border-left: 2px solid #E4E7ED;
}

.el-timeline-item__icon {
	color: #FFF;
	font-size: 13px;
}

.el-image__error {
	display: -ms-flexbox;
	-webkit-box-pack: center;
	background: #F5F7FA;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #C0C4CC;
	vertical-align: middle;
}

.el-timeline-item__dot {
	display: -ms-flexbox;
	-webkit-box-pack: center;
	position: absolute;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el-timeline-item__node--normal {
	left: -1px;
	width: 12px;
	height: 12px;
}

.el-timeline-item__node--large {
	left: -2px;
	width: 14px;
	height: 14px;
}

.el-timeline-item__node--primary {
	background-color: #409EFF;
}

.el-timeline-item__node--success {
	background-color: #67C23A;
}

.el-timeline-item__node--warning {
	background-color: #E6A23C;
}

.el-timeline-item__node--danger {
	background-color: #F56C6C;
}

.el-timeline-item__node--info {
	background-color: #909399;
}

.el-timeline-item__content {
	color: #303133;
}

.el-timeline-item__timestamp {
	color: #909399;
	line-height: 1;
	font-size: 13px;
}

.el-timeline-item__timestamp.is-top {
	margin-bottom: 8px;
	padding-top: 4px;
}

.el-timeline-item__timestamp.is-bottom {
	margin-top: 8px;
}

.el-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: middle;
	position: relative;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	padding: 0;
	font-size: 14px;
	font-weight: 500;

	[class*=el-icon-] + span {
		margin-left: 5px;
	}
}

.el-link.is-underline {
	&:hover {
		&:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			height: 0;
			bottom: 0;
			border-bottom: 1px solid #409EFF;
		}
	}
}

.el-link.el-link--default {
	&:after {
		border-color: #409EFF;
	}

	color: #606266;

	&:hover {
		color: #409EFF;
	}
}

.el-link.el-link--primary.is-underline {
	&:hover {
		&:after {
			border-color: #409EFF;
		}
	}
}

.el-link.el-link--primary {
	&:after {
		border-color: #409EFF;
	}

	color: #409EFF;

	&:hover {
		color: #66b1ff;
	}
}

.el-link.is-disabled {
	cursor: not-allowed;
}

.el-link.el-link--default.is-disabled {
	color: #C0C4CC;
}

.el-link.el-link--primary.is-disabled {
	color: #a0cfff;
}

.el-link.el-link--danger.is-underline {
	&:hover {
		&:after {
			border-color: #F56C6C;
		}
	}
}

.el-link.el-link--danger {
	&:after {
		border-color: #F56C6C;
	}

	color: #F56C6C;

	&:hover {
		color: #f78989;
	}
}

.el-link.el-link--danger.is-disabled {
	color: #fab6b6;
}

.el-link.el-link--success.is-underline {
	&:hover {
		&:after {
			border-color: #67C23A;
		}
	}
}

.el-link.el-link--success {
	&:after {
		border-color: #67C23A;
	}

	color: #67C23A;

	&:hover {
		color: #85ce61;
	}
}

.el-link.el-link--success.is-disabled {
	color: #b3e19d;
}

.el-link.el-link--warning.is-underline {
	&:hover {
		&:after {
			border-color: #E6A23C;
		}
	}
}

.el-link.el-link--warning {
	&:after {
		border-color: #E6A23C;
	}

	color: #E6A23C;

	&:hover {
		color: #ebb563;
	}
}

.el-link.el-link--warning.is-disabled {
	color: #f3d19e;
}

.el-link.el-link--info.is-underline {
	&:hover {
		&:after {
			border-color: #909399;
		}
	}
}

.el-link.el-link--info {
	&:after {
		border-color: #909399;
	}

	color: #909399;

	&:hover {
		color: #a6a9ad;
	}
}

.el-link.el-link--info.is-disabled {
	color: #c8c9cc;
}

.el-divider {
	background-color: #DCDFE6;
	position: relative;
}

.el-divider--horizontal {
	display: block;
	height: 1px;
	width: 100%;
	margin: 24px 0;
}

.el-divider--vertical {
	display: inline-block;
	width: 1px;
	height: 1em;
	margin: 0 8px;
	vertical-align: middle;
	position: relative;
}

.el-divider__text {
	position: absolute;
	background-color: #FFF;
	padding: 0 20px;
	font-weight: 500;
	color: #303133;
	font-size: 14px;
}

.el-image__placeholder {
	background: #F5F7FA;
	width: 100%;
	height: 100%;
}

.el-divider__text.is-left {
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el-divider__text.is-center {
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el-image__inner {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.el-image {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.el-image__inner--center {
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
}

.el-image__preview {
	cursor: pointer;
}

.el-image-viewer__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.el-checkbox {
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-weight: 500;
	-moz-user-select: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	color: #606266;
	font-size: 14px;
	user-select: none;
	margin-right: 30px;

	&:last-of-type {
		margin-right: 0;
	}
}

.el-image-viewer__close {
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	font-size: 24px;
	color: #fff;
	background-color: #606266;
}

.el-image-viewer__canvas {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.el-image-viewer__actions {
	left: 50%;
	bottom: 30px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 282px;
	height: 44px;
	padding: 0 23px;
	background-color: #606266;
	border-color: #fff;
	border-radius: 22px;
}

.el-image-viewer__actions__inner {
	width: 100%;
	height: 100%;
	text-align: justify;
	cursor: default;
	font-size: 23px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.el-image-viewer__next {
	width: 44px;
	height: 44px;
	font-size: 24px;
	color: #fff;
	background-color: #606266;
	border-color: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
	text-indent: 2px;
}

.el-image-viewer__prev {
	width: 44px;
	height: 44px;
	font-size: 24px;
	color: #fff;
	background-color: #606266;
	border-color: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 40px;
}

.el-image-viewer__mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .5;
	background: #000;
}

.viewer-fade-enter-active {
	-webkit-animation: viewer-fade-in .3s;
	animation: viewer-fade-in .3s;
}

.viewer-fade-leave-active {
	-webkit-animation: viewer-fade-out .3s;
	animation: viewer-fade-out .3s;
}

.el-button + .el-button {
	margin-left: 10px;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
	margin-left: 10px;
}

.el-button.is-plain {
	&:focus {
		background: #FFF;
		border-color: #409EFF;
		color: #409EFF;
	}

	&:hover {
		background: #FFF;
		border-color: #409EFF;
		color: #409EFF;
	}

	&:active {
		color: #3a8ee6;
		border-color: #3a8ee6;
		background: #FFF;
		outline: 0;
	}
}

.el-button.is-active {
	color: #3a8ee6;
	border-color: #3a8ee6;
}

.el-button.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;
	background-image: none;
	background-color: #FFF;
	border-color: #EBEEF5;

	&:focus {
		color: #C0C4CC;
		cursor: not-allowed;
		background-image: none;
		background-color: #FFF;
		border-color: #EBEEF5;
	}

	&:hover {
		color: #C0C4CC;
		cursor: not-allowed;
		background-image: none;
		background-color: #FFF;
		border-color: #EBEEF5;
	}
}

.el-button.is-disabled.el-button--text {
	background-color: transparent;
}

.el-button.is-disabled.is-plain {
	background-color: #FFF;
	border-color: #EBEEF5;
	color: #C0C4CC;

	&:focus {
		background-color: #FFF;
		border-color: #EBEEF5;
		color: #C0C4CC;
	}

	&:hover {
		background-color: #FFF;
		border-color: #EBEEF5;
		color: #C0C4CC;
	}
}

.el-button.is-loading {
	position: relative;
	pointer-events: none;

	&:before {
		pointer-events: none;
		content: '';
		position: absolute;
		left: -1px;
		top: -1px;
		right: -1px;
		bottom: -1px;
		border-radius: inherit;
		background-color: rgba(255,255,255,.35);
	}
}

.el-button.is-round {
	border-radius: 20px;
	padding: 12px 23px;
}

.el-button.is-circle {
	border-radius: 50%;
	padding: 12px;
}

.el-button--primary {
	color: #FFF;
	background-color: #409EFF;
	border-color: #409EFF;

	&:focus {
		background: #66b1ff;
		border-color: #66b1ff;
		color: #FFF;
	}

	&:hover {
		background: #66b1ff;
		border-color: #66b1ff;
		color: #FFF;
	}

	&:active {
		background: #3a8ee6;
		border-color: #3a8ee6;
		color: #FFF;
		outline: 0;
	}
}

.el-button--primary.is-active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #FFF;
}

.el-button--primary.is-disabled {
	color: #FFF;
	background-color: #a0cfff;
	border-color: #a0cfff;

	&:active {
		color: #FFF;
		background-color: #a0cfff;
		border-color: #a0cfff;
	}

	&:focus {
		color: #FFF;
		background-color: #a0cfff;
		border-color: #a0cfff;
	}

	&:hover {
		color: #FFF;
		background-color: #a0cfff;
		border-color: #a0cfff;
	}
}

.el-button--primary.is-plain {
	color: #409EFF;
	background: #ecf5ff;
	border-color: #b3d8ff;

	&:focus {
		background: #409EFF;
		border-color: #409EFF;
		color: #FFF;
	}

	&:hover {
		background: #409EFF;
		border-color: #409EFF;
		color: #FFF;
	}

	&:active {
		background: #3a8ee6;
		border-color: #3a8ee6;
		color: #FFF;
		outline: 0;
	}
}

.el-button--primary.is-plain.is-disabled {
	color: #8cc5ff;
	background-color: #ecf5ff;
	border-color: #d9ecff;

	&:active {
		color: #8cc5ff;
		background-color: #ecf5ff;
		border-color: #d9ecff;
	}

	&:focus {
		color: #8cc5ff;
		background-color: #ecf5ff;
		border-color: #d9ecff;
	}

	&:hover {
		color: #8cc5ff;
		background-color: #ecf5ff;
		border-color: #d9ecff;
	}
}

.el-button--success {
	color: #FFF;
	background-color: #67C23A;
	border-color: #67C23A;

	&:focus {
		background: #85ce61;
		border-color: #85ce61;
		color: #FFF;
	}

	&:hover {
		background: #85ce61;
		border-color: #85ce61;
		color: #FFF;
	}

	&:active {
		background: #5daf34;
		border-color: #5daf34;
		color: #FFF;
		outline: 0;
	}
}

.el-button--success.is-active {
	background: #5daf34;
	border-color: #5daf34;
	color: #FFF;
}

.el-button--success.is-disabled {
	color: #FFF;
	background-color: #b3e19d;
	border-color: #b3e19d;

	&:active {
		color: #FFF;
		background-color: #b3e19d;
		border-color: #b3e19d;
	}

	&:focus {
		color: #FFF;
		background-color: #b3e19d;
		border-color: #b3e19d;
	}

	&:hover {
		color: #FFF;
		background-color: #b3e19d;
		border-color: #b3e19d;
	}
}

.el-button--success.is-plain {
	color: #67C23A;
	background: #f0f9eb;
	border-color: #c2e7b0;

	&:focus {
		background: #67C23A;
		border-color: #67C23A;
		color: #FFF;
	}

	&:hover {
		background: #67C23A;
		border-color: #67C23A;
		color: #FFF;
	}

	&:active {
		background: #5daf34;
		border-color: #5daf34;
		color: #FFF;
		outline: 0;
	}
}

.el-button--success.is-plain.is-disabled {
	color: #a4da89;
	background-color: #f0f9eb;
	border-color: #e1f3d8;

	&:active {
		color: #a4da89;
		background-color: #f0f9eb;
		border-color: #e1f3d8;
	}

	&:focus {
		color: #a4da89;
		background-color: #f0f9eb;
		border-color: #e1f3d8;
	}

	&:hover {
		color: #a4da89;
		background-color: #f0f9eb;
		border-color: #e1f3d8;
	}
}

.el-button--warning {
	color: #FFF;
	background-color: #E6A23C;
	border-color: #E6A23C;

	&:focus {
		background: #ebb563;
		border-color: #ebb563;
		color: #FFF;
	}

	&:hover {
		background: #ebb563;
		border-color: #ebb563;
		color: #FFF;
	}

	&:active {
		background: #cf9236;
		border-color: #cf9236;
		color: #FFF;
		outline: 0;
	}
}

.el-button--warning.is-active {
	background: #cf9236;
	border-color: #cf9236;
	color: #FFF;
}

.el-button--warning.is-disabled {
	color: #FFF;
	background-color: #f3d19e;
	border-color: #f3d19e;

	&:active {
		color: #FFF;
		background-color: #f3d19e;
		border-color: #f3d19e;
	}

	&:focus {
		color: #FFF;
		background-color: #f3d19e;
		border-color: #f3d19e;
	}

	&:hover {
		color: #FFF;
		background-color: #f3d19e;
		border-color: #f3d19e;
	}
}

.el-button--warning.is-plain {
	color: #E6A23C;
	background: #fdf6ec;
	border-color: #f5dab1;

	&:focus {
		background: #E6A23C;
		border-color: #E6A23C;
		color: #FFF;
	}

	&:hover {
		background: #E6A23C;
		border-color: #E6A23C;
		color: #FFF;
	}

	&:active {
		background: #cf9236;
		border-color: #cf9236;
		color: #FFF;
		outline: 0;
	}
}

.el-button--warning.is-plain.is-disabled {
	color: #f0c78a;
	background-color: #fdf6ec;
	border-color: #faecd8;

	&:active {
		color: #f0c78a;
		background-color: #fdf6ec;
		border-color: #faecd8;
	}

	&:focus {
		color: #f0c78a;
		background-color: #fdf6ec;
		border-color: #faecd8;
	}

	&:hover {
		color: #f0c78a;
		background-color: #fdf6ec;
		border-color: #faecd8;
	}
}

.el-button--danger {
	color: #FFF;
	background-color: #F56C6C;
	border-color: #F56C6C;

	&:focus {
		background: #f78989;
		border-color: #f78989;
		color: #FFF;
	}

	&:hover {
		background: #f78989;
		border-color: #f78989;
		color: #FFF;
	}

	&:active {
		background: #dd6161;
		border-color: #dd6161;
		color: #FFF;
		outline: 0;
	}
}

.el-button--danger.is-active {
	background: #dd6161;
	border-color: #dd6161;
	color: #FFF;
}

.el-button--danger.is-disabled {
	color: #FFF;
	background-color: #fab6b6;
	border-color: #fab6b6;

	&:active {
		color: #FFF;
		background-color: #fab6b6;
		border-color: #fab6b6;
	}

	&:focus {
		color: #FFF;
		background-color: #fab6b6;
		border-color: #fab6b6;
	}

	&:hover {
		color: #FFF;
		background-color: #fab6b6;
		border-color: #fab6b6;
	}
}

.el-button--danger.is-plain {
	color: #F56C6C;
	background: #fef0f0;
	border-color: #fbc4c4;

	&:focus {
		background: #F56C6C;
		border-color: #F56C6C;
		color: #FFF;
	}

	&:hover {
		background: #F56C6C;
		border-color: #F56C6C;
		color: #FFF;
	}

	&:active {
		background: #dd6161;
		border-color: #dd6161;
		color: #FFF;
		outline: 0;
	}
}

.el-button--danger.is-plain.is-disabled {
	color: #f9a7a7;
	background-color: #fef0f0;
	border-color: #fde2e2;

	&:active {
		color: #f9a7a7;
		background-color: #fef0f0;
		border-color: #fde2e2;
	}

	&:focus {
		color: #f9a7a7;
		background-color: #fef0f0;
		border-color: #fde2e2;
	}

	&:hover {
		color: #f9a7a7;
		background-color: #fef0f0;
		border-color: #fde2e2;
	}
}

.el-button--info {
	color: #FFF;
	background-color: #909399;
	border-color: #909399;

	&:focus {
		background: #a6a9ad;
		border-color: #a6a9ad;
		color: #FFF;
	}

	&:hover {
		background: #a6a9ad;
		border-color: #a6a9ad;
		color: #FFF;
	}

	&:active {
		background: #82848a;
		border-color: #82848a;
		color: #FFF;
		outline: 0;
	}
}

.el-button--info.is-active {
	background: #82848a;
	border-color: #82848a;
	color: #FFF;
}

.el-button--info.is-disabled {
	color: #FFF;
	background-color: #c8c9cc;
	border-color: #c8c9cc;

	&:active {
		color: #FFF;
		background-color: #c8c9cc;
		border-color: #c8c9cc;
	}

	&:focus {
		color: #FFF;
		background-color: #c8c9cc;
		border-color: #c8c9cc;
	}

	&:hover {
		color: #FFF;
		background-color: #c8c9cc;
		border-color: #c8c9cc;
	}
}

.el-button--info.is-plain {
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6;

	&:focus {
		background: #909399;
		border-color: #909399;
		color: #FFF;
	}

	&:hover {
		background: #909399;
		border-color: #909399;
		color: #FFF;
	}

	&:active {
		background: #82848a;
		border-color: #82848a;
		color: #FFF;
		outline: 0;
	}
}

.el-button--info.is-plain.is-disabled {
	color: #bcbec2;
	background-color: #f4f4f5;
	border-color: #e9e9eb;

	&:active {
		color: #bcbec2;
		background-color: #f4f4f5;
		border-color: #e9e9eb;
	}

	&:focus {
		color: #bcbec2;
		background-color: #f4f4f5;
		border-color: #e9e9eb;
	}

	&:hover {
		color: #bcbec2;
		background-color: #f4f4f5;
		border-color: #e9e9eb;
	}
}

.el-button--medium {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px;
}

.el-button--medium.is-round {
	padding: 10px 20px;
}

.el-button--medium.is-circle {
	padding: 10px;
}

.el-button--small {
	padding: 9px 15px;
	font-size: 12px;
	border-radius: 3px;
}

.el-button--small.is-round {
	padding: 9px 15px;
}

.el-button--small.is-circle {
	padding: 9px;
}

.el-button--mini {
	padding: 7px 15px;
	font-size: 12px;
	border-radius: 3px;
}

.el-button--mini.is-round {
	padding: 7px 15px;
}

.el-button--mini.is-circle {
	padding: 7px;
}

.el-button--text {
	border-color: transparent;
	color: #409EFF;
	background: 0 0;
	padding-left: 0;
	padding-right: 0;

	&:focus {
		color: #66b1ff;
		border-color: transparent;
		background-color: transparent;
	}

	&:hover {
		color: #66b1ff;
		border-color: transparent;
		background-color: transparent;
	}

	&:active {
		color: #3a8ee6;
		border-color: transparent;
		background-color: transparent;
	}
}

.el-button--text.is-disabled {
	border-color: transparent;

	&:focus {
		border-color: transparent;
	}

	&:hover {
		border-color: transparent;
	}
}

.el-calendar {
	background-color: #fff;
}

.el-calendar__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px 20px;
	border-bottom: 1px solid #EBEEF5;
}

.el-backtop {
	display: -webkit-box;
	display: -ms-flexbox;
	color: #409EFF;
	position: fixed;
	background-color: #FFF;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.12);
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	cursor: pointer;
	z-index: 5;

	&:hover {
		background-color: #F2F6FC;
	}
}

.el-page-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 24px;
}

.el-calendar__title {
	color: #000;
	-ms-flex-item-align: center;
	align-self: center;
}

.el-calendar__body {
	padding: 12px 20px 35px;
}

.el-page-header__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	margin-right: 40px;
	position: relative;

	&::after {
		content: "";
		position: absolute;
		width: 1px;
		height: 16px;
		right: -20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #DCDFE6;
	}

	.el-icon-back {
		font-size: 18px;
		margin-right: 6px;
		-ms-flex-item-align: center;
		align-self: center;
	}
}

.el-checkbox__input {
	cursor: pointer;
	display: inline-block;
	position: relative;
	line-height: 1;
	white-space: nowrap;
	outline: 0;
	vertical-align: middle;
}

.el-page-header__title {
	font-size: 14px;
	font-weight: 500;
}

.el-page-header__content {
	font-size: 18px;
	color: #303133;
}

.el-checkbox-button__inner {
	-webkit-user-select: none;
	-ms-user-select: none;
	line-height: 1;
	white-space: nowrap;
	outline: 0;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	font-weight: 500;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #DCDFE6;
	border-left: 0;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	-moz-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 0;

	&:hover {
		color: #409EFF;
	}

	[class*=el-icon-] {
		line-height: .9;
	}

	[class*=el-icon-] + span {
		margin-left: 5px;
	}
}

.el-empty__image {
	img {
		-webkit-user-select: none;
		-ms-user-select: none;
		vertical-align: top;
		height: 100%;
		width: 100%;
		-moz-user-select: none;
		user-select: none;
		-o-object-fit: contain;
		object-fit: contain;
	}

	svg {
		vertical-align: top;
		height: 100%;
		width: 100%;
		fill: #DCDDE0;
	}

	width: 160px;
}

.el-radio {
	-webkit-user-select: none;
	-ms-user-select: none;
	line-height: 1;
	outline: 0;
	white-space: nowrap;
	font-size: 14px;
	color: #606266;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-right: 30px;
	-moz-user-select: none;

	&:last-child {
		margin-right: 0;
	}

	&:focus {
		&:not(.is-focus) {
			&:not(:active) {
				&:not(.is-disabled) {
					.el-radio__inner {
						-webkit-box-shadow: 0 0 2px 2px #409EFF;
						box-shadow: 0 0 2px 2px #409EFF;
					}
				}
			}
		}
	}
}

.el-checkbox.is-bordered {
	padding: 9px 20px 9px 10px;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	height: 40px;
}

.el-checkbox.is-bordered.is-checked {
	border-color: #409EFF;
}

.el-checkbox.is-bordered.is-disabled {
	border-color: #EBEEF5;
	cursor: not-allowed;
}

.el-checkbox.is-bordered.el-checkbox--medium {
	padding: 7px 20px 7px 10px;
	border-radius: 4px;
	height: 36px;

	.el-checkbox__label {
		line-height: 17px;
		font-size: 14px;
	}

	.el-checkbox__inner {
		height: 14px;
		width: 14px;
	}
}

.el-checkbox.is-bordered.el-checkbox--small {
	padding: 5px 15px 5px 10px;
	border-radius: 3px;
	height: 32px;

	.el-checkbox__label {
		line-height: 15px;
		font-size: 12px;
	}

	.el-checkbox__inner {
		height: 12px;
		width: 12px;

		&::after {
			height: 6px;
			width: 2px;
		}
	}
}

.el-checkbox.is-bordered.el-checkbox--mini {
	padding: 3px 15px 3px 10px;
	border-radius: 3px;
	height: 28px;

	.el-checkbox__label {
		line-height: 12px;
		font-size: 12px;
	}

	.el-checkbox__inner {
		height: 12px;
		width: 12px;

		&::after {
			height: 6px;
			width: 2px;
		}
	}
}

.el-checkbox__input.is-disabled {
	.el-checkbox__inner {
		background-color: #edf2fc;
		border-color: #DCDFE6;
		cursor: not-allowed;

		&::after {
			cursor: not-allowed;
			border-color: #C0C4CC;
		}
	}

	.el-checkbox__inner + .el-checkbox__label {
		cursor: not-allowed;
	}
}

.el-checkbox__input.is-disabled.is-checked {
	.el-checkbox__inner {
		background-color: #F2F6FC;
		border-color: #DCDFE6;

		&::after {
			border-color: #C0C4CC;
		}
	}
}

.el-checkbox__input.is-disabled.is-indeterminate {
	.el-checkbox__inner {
		background-color: #F2F6FC;
		border-color: #DCDFE6;

		&::before {
			background-color: #C0C4CC;
			border-color: #C0C4CC;
		}
	}
}

.el-checkbox__input.is-checked {
	.el-checkbox__inner {
		background-color: #409EFF;
		border-color: #409EFF;

		&::after {
			-webkit-transform: rotate(45deg) scaleY(1);
			transform: rotate(45deg) scaleY(1);
		}
	}
}

.el-checkbox__input.is-indeterminate {
	.el-checkbox__inner {
		background-color: #409EFF;
		border-color: #409EFF;

		&::before {
			content: '';
			position: absolute;
			display: block;
			background-color: #FFF;
			height: 2px;
			-webkit-transform: scale(.5);
			transform: scale(.5);
			left: 0;
			right: 0;
			top: 5px;
		}

		&::after {
			display: none;
		}
	}
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
	color: #409EFF;
}

.el-checkbox__input.is-focus {
	.el-checkbox__inner {
		border-color: #409EFF;
	}
}

.el-checkbox__inner {
	display: inline-block;
	position: relative;
	border: 1px solid #DCDFE6;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	background-color: #FFF;
	z-index: 1;
	-webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
	transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);

	&:hover {
		border-color: #409EFF;
	}

	&::after {
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		content: "";
		border: 1px solid #FFF;
		border-left: 0;
		border-top: 0;
		height: 7px;
		left: 4px;
		position: absolute;
		top: 1px;
		-webkit-transform: rotate(45deg) scaleY(0);
		transform: rotate(45deg) scaleY(0);
		width: 3px;
		-webkit-transition: -webkit-transform .15s ease-in .05s;
		transition: -webkit-transform .15s ease-in .05s;
		transition: transform .15s ease-in .05s;
		transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
		-webkit-transform-origin: center;
		transform-origin: center;
	}
}

.el-checkbox__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	width: 0;
	height: 0;
	z-index: -1;
}

.el-checkbox-button {
	position: relative;
	display: inline-block;

	&:first-child {
		.el-checkbox-button__inner {
			border-left: 1px solid #DCDFE6;
			border-radius: 4px 0 0 4px;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}
	}

	&:last-child {
		.el-checkbox-button__inner {
			border-radius: 0 4px 4px 0;
		}
	}
}

.el-checkbox__label {
	display: inline-block;
	padding-left: 10px;
	line-height: 19px;
	font-size: 14px;
}

.el-checkbox-button__inner.is-round {
	padding: 12px 20px;
}

.el-radio__input {
	line-height: 1;
	outline: 0;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.el-checkbox-button__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	z-index: -1;
}

.el-checkbox-button.is-checked {
	.el-checkbox-button__inner {
		color: #FFF;
		background-color: #409EFF;
		border-color: #409EFF;
		-webkit-box-shadow: -1px 0 0 0 #8cc5ff;
		box-shadow: -1px 0 0 0 #8cc5ff;
	}

	&:first-child {
		.el-checkbox-button__inner {
			border-left-color: #409EFF;
		}
	}
}

.el-checkbox-button.is-disabled {
	.el-checkbox-button__inner {
		color: #C0C4CC;
		cursor: not-allowed;
		background-image: none;
		background-color: #FFF;
		border-color: #EBEEF5;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	&:first-child {
		.el-checkbox-button__inner {
			border-left-color: #EBEEF5;
		}
	}
}

.el-checkbox-button.is-focus {
	.el-checkbox-button__inner {
		border-color: #409EFF;
	}
}

.el-checkbox-button--medium {
	.el-checkbox-button__inner {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 0;
	}

	.el-checkbox-button__inner.is-round {
		padding: 10px 20px;
	}
}

.el-checkbox-button--small {
	.el-checkbox-button__inner {
		padding: 9px 15px;
		font-size: 12px;
		border-radius: 0;
	}

	.el-checkbox-button__inner.is-round {
		padding: 9px 15px;
	}
}

.el-checkbox-button--mini {
	.el-checkbox-button__inner {
		padding: 7px 15px;
		font-size: 12px;
		border-radius: 0;
	}

	.el-checkbox-button__inner.is-round {
		padding: 7px 15px;
	}
}

.el-checkbox-group {
	font-size: 0;
}

.el-avatar {
	font-size: 14px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #C0C4CC;
	width: 40px;
	height: 40px;
	line-height: 40px;

	> img {
		display: block;
		height: 100%;
		vertical-align: middle;
	}
}

.el-cascader-panel {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 4px;
}

.el-radio--medium.is-bordered {
	.el-radio__label {
		font-size: 14px;
	}

	padding: 10px 20px 0 10px;
	border-radius: 4px;
	height: 36px;

	.el-radio__inner {
		height: 14px;
		width: 14px;
	}
}

.el-radio__label {
	font-size: 14px;
	padding-left: 10px;
}

.el-cascader-node {
	> .el-radio {
		margin-right: 0;

		.el-radio__label {
			padding-left: 0;
		}
	}

	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 30px 0 20px;
	height: 34px;
	line-height: 34px;
	outline: 0;

	&:not(.is-disabled) {
		cursor: pointer;

		&:focus {
			background: #F5F7FA;
		}

		&:hover {
			background: #F5F7FA;
		}
	}
}

.el-radio.is-bordered {
	padding: 12px 20px 0 10px;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
}

.el-cascader-menu__list {
	-webkit-box-sizing: border-box;
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	box-sizing: border-box;
}

.el-radio__inner {
	-webkit-box-sizing: border-box;
	border: 1px solid #DCDFE6;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	background-color: #FFF;
	position: relative;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;

	&:hover {
		border-color: #409EFF;
	}

	&::after {
		width: 4px;
		height: 4px;
		border-radius: 100%;
		background-color: #FFF;
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%) scale(0);
		transform: translate(-50%,-50%) scale(0);
		-webkit-transition: -webkit-transform .15s ease-in;
		transition: -webkit-transform .15s ease-in;
		transition: transform .15s ease-in;
		transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	}
}

.el-radio.is-bordered.is-checked {
	border-color: #409EFF;
}

.el-radio.is-bordered.is-disabled {
	cursor: not-allowed;
	border-color: #EBEEF5;
}

.el-radio__input.is-disabled {
	.el-radio__inner {
		background-color: #F5F7FA;
		border-color: #E4E7ED;
		cursor: not-allowed;

		&::after {
			cursor: not-allowed;
			background-color: #F5F7FA;
		}
	}

	.el-radio__inner + .el-radio__label {
		cursor: not-allowed;
	}
}

.el-radio__input.is-disabled.is-checked {
	.el-radio__inner {
		background-color: #F5F7FA;
		border-color: #E4E7ED;

		&::after {
			background-color: #C0C4CC;
		}
	}
}

.el-radio.is-bordered + .el-radio.is-bordered {
	margin-left: 10px;
}

.el-radio--mini.is-bordered {
	.el-radio__label {
		font-size: 12px;
	}

	padding: 6px 15px 0 10px;
	border-radius: 3px;
	height: 28px;

	.el-radio__inner {
		height: 12px;
		width: 12px;
	}
}

.el-radio--small.is-bordered {
	.el-radio__label {
		font-size: 12px;
	}

	padding: 8px 15px 0 10px;
	border-radius: 3px;
	height: 32px;

	.el-radio__inner {
		height: 12px;
		width: 12px;
	}
}

.el-radio__input.is-disabled + span.el-radio__label {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-radio__input.is-checked {
	.el-radio__inner {
		border-color: #409EFF;
		background: #409EFF;

		&::after {
			-webkit-transform: translate(-50%,-50%) scale(1);
			transform: translate(-50%,-50%) scale(1);
		}
	}
}

.el-radio__input.is-checked + .el-radio__label {
	color: #409EFF;
}

.el-radio__input.is-focus {
	.el-radio__inner {
		border-color: #409EFF;
	}
}

.el-radio__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}

.el-scrollbar {
	overflow: hidden;
	position: relative;

	&:active {
		> .el-scrollbar__bar {
			opacity: 1;
			-webkit-transition: opacity 340ms ease-out;
			transition: opacity 340ms ease-out;
		}
	}

	&:focus {
		> .el-scrollbar__bar {
			opacity: 1;
			-webkit-transition: opacity 340ms ease-out;
			transition: opacity 340ms ease-out;
		}
	}

	&:hover {
		> .el-scrollbar__bar {
			opacity: 1;
			-webkit-transition: opacity 340ms ease-out;
			transition: opacity 340ms ease-out;
		}
	}
}

.el-scrollbar__wrap {
	overflow: scroll;
	height: 100%;
}

.el-scrollbar__wrap--hidden-default {
	scrollbar-width: none;

	&::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
}

.el-scrollbar__thumb {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	cursor: pointer;
	border-radius: inherit;
	background-color: rgba(144,147,153,.3);
	-webkit-transition: .3s background-color;
	transition: .3s background-color;

	&:hover {
		background-color: rgba(144,147,153,.5);
	}
}

.el-scrollbar__bar {
	position: absolute;
	right: 2px;
	bottom: 2px;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out;
}

.el-scrollbar__bar.is-vertical {
	width: 6px;
	top: 2px;

	> div {
		width: 100%;
	}
}

.el-scrollbar__bar.is-horizontal {
	height: 6px;
	left: 2px;

	> div {
		height: 100%;
	}
}

.el-cascader-panel.is-bordered {
	border: 1px solid #E4E7ED;
	border-radius: 4px;
}

.el-cascader-menu__wrap {
	height: 204px;
}

.el-cascader-menu__hover-zone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.el-cascader-menu__empty-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	color: #C0C4CC;
}

.el-cascader-node.is-selectable.in-active-path {
	color: #606266;
}

.el-cascader-node.in-active-path {
	color: #409EFF;
	font-weight: 700;
}

.el-cascader-node.is-active {
	color: #409EFF;
	font-weight: 700;
}

.el-cascader-node.is-selectable.in-checked-path {
	color: #409EFF;
	font-weight: 700;
}

.el-cascader-node.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.el-cascader-node__prefix {
	position: absolute;
	left: 10px;
}

.el-cascader-node__postfix {
	position: absolute;
	right: 10px;
}

.el-cascader-node__label {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.el-drawer__body {
	> * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: auto;
}

.el-avatar--circle {
	border-radius: 50%;
}

.el-avatar--square {
	border-radius: 4px;
}

.el-avatar--icon {
	font-size: 18px;
}

.el-avatar--large {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.el-avatar--medium {
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.el-avatar--small {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

.el-drawer.ltr {
	top: 0;
	bottom: 0;
	height: 100%;
	-webkit-animation: ltr-drawer-out .3s;
	animation: ltr-drawer-out .3s;
	left: 0;
}

.el-drawer.rtl {
	top: 0;
	bottom: 0;
	height: 100%;
	-webkit-animation: rtl-drawer-out .3s;
	animation: rtl-drawer-out .3s;
	right: 0;
}

.el-drawer__container {
	top: 0;
	bottom: 0;
	height: 100%;
	position: relative;
	left: 0;
	right: 0;
	width: 100%;
}

.el-drawer__open {
	.el-drawer.rtl {
		-webkit-animation: rtl-drawer-in .3s 1ms;
		animation: rtl-drawer-in .3s 1ms;
	}

	.el-drawer.ltr {
		-webkit-animation: ltr-drawer-in .3s 1ms;
		animation: ltr-drawer-in .3s 1ms;
	}

	.el-drawer.ttb {
		-webkit-animation: ttb-drawer-in .3s 1ms;
		animation: ttb-drawer-in .3s 1ms;
	}

	.el-drawer.btt {
		-webkit-animation: btt-drawer-in .3s 1ms;
		animation: btt-drawer-in .3s 1ms;
	}
}

.el-drawer.ttb {
	-webkit-animation: ttb-drawer-out .3s;
	animation: ttb-drawer-out .3s;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
}

.el-drawer.btt {
	-webkit-animation: btt-drawer-out .3s;
	animation: btt-drawer-out .3s;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
}

.el-drawer__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	margin: 0;
}

.el-drawer__header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #72767b;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 32px;
	padding: 20px 20px 0;

	>:first-child {
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}	
}

.el-drawer__title {
	margin: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: inherit;
	font-size: 1rem;
}

.el-drawer__close-btn {
	border: none;
	cursor: pointer;
	font-size: 20px;
	color: inherit;
	background-color: transparent;
}

.el-popconfirm__main {
	-webkit-box-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.el-skeleton__image {
	-webkit-box-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	width: unset;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0;

	svg {
		fill: #DCDDE0;
		width: 22%;
		height: 22%;
	}
}

.el-drawer-fade-enter-active {
	-webkit-animation: el-drawer-fade-in .3s;
	animation: el-drawer-fade-in .3s;
}

.el-drawer-fade-leave-active {
	animation: el-drawer-fade-in .3s reverse;
}

.el-popconfirm__icon {
	margin-right: 5px;
}

.el-popconfirm__action {
	text-align: right;
	margin: 0;
}

.el-skeleton {
	width: 100%;
}

.el-skeleton__first-line {
	height: 16px;
	margin-top: 16px;
	background: #f2f2f2;
}

.el-skeleton__paragraph {
	height: 16px;
	margin-top: 16px;
	background: #f2f2f2;
}

.el-skeleton.is-animated {
	.el-skeleton__item {
		background: -webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));
		background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
		background-size: 400% 100%;
		-webkit-animation: el-skeleton-loading 1.4s ease infinite;
		animation: el-skeleton-loading 1.4s ease infinite;
	}
}

.el-skeleton__item {
	background: #f2f2f2;
	display: inline-block;
	height: 16px;
	border-radius: 4px;
	width: 100%;
}

.el-skeleton__circle {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.el-skeleton__circle--lg {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.el-skeleton__circle--md {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

.el-skeleton__button {
	height: 40px;
	width: 64px;
	border-radius: 4px;
}

.el-skeleton__p {
	width: 100%;
}

.el-skeleton__p.is-last {
	width: 61%;
}

.el-skeleton__p.is-first {
	width: 33%;
}

.el-skeleton__text {
	width: 100%;
	height: 13px;
}

.el-skeleton__caption {
	height: 12px;
}

.el-skeleton__h1 {
	height: 20px;
}

.el-skeleton__h3 {
	height: 18px;
}

.el-skeleton__h5 {
	height: 16px;
}

.el-empty__description {
	margin-top: 20px;

	p {
		margin: 0;
		font-size: 14px;
		color: #909399;
	}
}

.el-empty__bottom {
	margin-top: 20px;
}

.el-result__title {
	margin-top: 20px;

	p {
		margin: 0;
		font-size: 20px;
		color: #303133;
		line-height: 1.3;
	}
}

.el-descriptions {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #303133;

	.is-bordered {
		table-layout: auto;

		td {
			border: 1px solid #EBEEF5;
			padding: 12px 10px;
		}

		th {
			border: 1px solid #EBEEF5;
			padding: 12px 10px;
		}
	}

	&:not(.is-bordered) {
		td {
			padding-bottom: 12px;
		}

		th {
			padding-bottom: 12px;
		}
	}
}

.el-descriptions__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.el-descriptions__title {
	font-size: 16px;
	font-weight: 700;
}

.el-descriptions--mini {
	font-size: 12px;

	&:not(.is-bordered) {
		td {
			padding-bottom: 6px;
		}

		th {
			padding-bottom: 6px;
		}
	}
}

.el-descriptions--small {
	font-size: 12px;

	&:not(.is-bordered) {
		td {
			padding-bottom: 8px;
		}

		th {
			padding-bottom: 8px;
		}
	}
}

.el-descriptions__body {
	color: #606266;
	background-color: #FFF;

	table {
		border-collapse: collapse;
		width: 100%;
		table-layout: fixed;

		td {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			text-align: left;
			font-weight: 400;
			line-height: 1.5;
		}

		th {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			text-align: left;
			font-weight: 400;
			line-height: 1.5;
		}

		td.is-left {
			text-align: left;
		}

		th.is-left {
			text-align: left;
		}

		td.is-center {
			text-align: center;
		}

		th.is-center {
			text-align: center;
		}

		td.is-right {
			text-align: right;
		}

		th.is-right {
			text-align: right;
		}
	}
}

.el-descriptions--medium.is-bordered {
	td {
		padding: 10px;
	}

	th {
		padding: 10px;
	}
}

.el-descriptions--medium {
	&:not(.is-bordered) {
		td {
			padding-bottom: 10px;
		}

		th {
			padding-bottom: 10px;
		}
	}
}

.el-descriptions--small.is-bordered {
	td {
		padding: 8px 10px;
	}

	th {
		padding: 8px 10px;
	}
}

.el-descriptions--mini.is-bordered {
	td {
		padding: 6px 10px;
	}

	th {
		padding: 6px 10px;
	}
}

.el-descriptions-item__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.el-descriptions-item__label.has-colon {
	&::after {
		content: ':';
		position: relative;
		top: -.5px;
	}
}

.el-descriptions-item__label.is-bordered-label {
	font-weight: 700;
	color: #909399;
	background: #fafafa;
}

.el-descriptions-item__label {
	&:not(.is-bordered-label) {
		margin-right: 10px;
	}
}

.el-result__icon {
	svg {
		width: 64px;
		height: 64px;
	}
}

.el-result__subtitle {
	margin-top: 10px;

	p {
		margin: 0;
		font-size: 14px;
		color: #606266;
		line-height: 1.3;
	}
}

.el-result__extra {
	margin-top: 30px;
}

.el-contextmenu-top-ul {
	position: fixed;
	z-index: 9999;
	background: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px 0 #ccc;
	box-shadow: 0 2px 2px 0 #ccc;
	font-family: 'Courier New',Courier,monospace;
	font-size: 12px;
	margin: 0;
	padding: 0;

	.el-contextmenu-left-icon {
		position: absolute;
		top: 4px;
		right: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		display: block;
		border-left: 4px solid transparent;
		border-right: 8px solid #111;
	}

	.el-contextmenu-right-icon {
		position: absolute;
		top: 4px;
		right: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		display: block;
		border-left: 8px solid #111;
		border-right: 4px solid transparent;
	}

	* {
		margin: 0;
		padding: 0;
	}

	li {
		list-style: none;
	}

	.el-contextmenu-disable {
		color: #d3cfcf;
		cursor: not-allowed;
	}

	.topmenu-li {
		position: relative;
		background: #fff;
		text-decoration: none;
		list-style: none;
		margin: 3px 0;

		&:hover {
			background: #2894f8;

			> .topmenu-has-child {
				> .subtree-ul {
					display: block;
				}
			}
		}

		.topmenu-has-child {
			position: relative;
			cursor: pointer;
			padding: 5px 10px;
		}

		.topmenu-leaf-btn {
			padding: 5px 10px;
			cursor: pointer;
		}

		.topmenu-nav-icon {
			position: absolute;
			left: 0;
		}

		.topmenu-nav-name {
			margin: 0 20px;
			height: auto;
			line-height: 16px;
			display: block;
		}

		.topmenu-btn-wrapper {
			position: relative;
			height: auto;
			line-height: 16px;
		}
	}

	.elcontextmenu-subtree-dir-1 {
		right: 100%;
		top: -1px;
		z-index: 10001;
	}

	.elcontextmenu-subtree-dir-2 {
		left: 100%;
		top: -1px;
		z-index: 10001;
	}

	.elcontextmenu-subtree-dir-3 {
		left: 100%;
		bottom: -1px;
		z-index: 10001;
	}

	.elcontextmenu-subtree-dir-4 {
		right: 100%;
		bottom: -1px;
		z-index: 10001;
	}

	.subtree-ul {
		background: #fff;
		position: absolute;
		display: none;
		border: 1px solid #e8e8e8;
		border-radius: 3px;

		.subtree-li {
			&:hover {
				background: #2894f8;

				> .subtree-has-child {
					> .subtree-ul {
						display: block;
					}
				}
			}

			.subtree-has-child {
				padding: 5px 10px;
				position: relative;
			}

			.subtree-nav-name {
				white-space: nowrap;
				display: block;
				margin: auto 20px;
			}

			.subtree-leaf-btn {
				padding: 5px 10px;
			}

			.subtree-nav-icon {
				position: absolute;
			}

			.subtree-btn-wrapper {
				position: relative;
				height: auto;
				line-height: 16px;
			}
		}
	}
}

.svg-icon {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor;
	overflow: hidden;
}

.svg-external-icon {
	background-color: currentColor;
	-webkit-mask-size: cover !important;
	mask-size: cover !important;
	display: inline-block;
}

@media only screen and (max-width:767px) {
	.el-col-xs-0 {
		display: none;
		width: 0%;
	}

	.el-col-xs-offset-0 {
		margin-left: 0;
	}

	.el-col-xs-pull-0 {
		position: relative;
		right: 0;
	}

	.el-col-xs-push-0 {
		position: relative;
		left: 0;
	}

	.el-col-xs-1 {
		width: 4.16667%;
	}

	.el-col-xs-offset-1 {
		margin-left: 4.16667%;
	}

	.el-col-xs-pull-1 {
		position: relative;
		right: 4.16667%;
	}

	.el-col-xs-push-1 {
		position: relative;
		left: 4.16667%;
	}

	.el-col-xs-2 {
		width: 8.33333%;
	}

	.el-col-xs-offset-2 {
		margin-left: 8.33333%;
	}

	.el-col-xs-pull-2 {
		position: relative;
		right: 8.33333%;
	}

	.el-col-xs-push-2 {
		position: relative;
		left: 8.33333%;
	}

	.el-col-xs-3 {
		width: 12.5%;
	}

	.el-col-xs-offset-3 {
		margin-left: 12.5%;
	}

	.el-col-xs-pull-3 {
		position: relative;
		right: 12.5%;
	}

	.el-col-xs-push-3 {
		position: relative;
		left: 12.5%;
	}

	.el-col-xs-4 {
		width: 16.66667%;
	}

	.el-col-xs-offset-4 {
		margin-left: 16.66667%;
	}

	.el-col-xs-pull-4 {
		position: relative;
		right: 16.66667%;
	}

	.el-col-xs-push-4 {
		position: relative;
		left: 16.66667%;
	}

	.el-col-xs-5 {
		width: 20.83333%;
	}

	.el-col-xs-offset-5 {
		margin-left: 20.83333%;
	}

	.el-col-xs-pull-5 {
		position: relative;
		right: 20.83333%;
	}

	.el-col-xs-push-5 {
		position: relative;
		left: 20.83333%;
	}

	.el-col-xs-6 {
		width: 25%;
	}

	.el-col-xs-offset-6 {
		margin-left: 25%;
	}

	.el-col-xs-pull-6 {
		position: relative;
		right: 25%;
	}

	.el-col-xs-push-6 {
		position: relative;
		left: 25%;
	}

	.el-col-xs-7 {
		width: 29.16667%;
	}

	.el-col-xs-offset-7 {
		margin-left: 29.16667%;
	}

	.el-col-xs-pull-7 {
		position: relative;
		right: 29.16667%;
	}

	.el-col-xs-push-7 {
		position: relative;
		left: 29.16667%;
	}

	.el-col-xs-8 {
		width: 33.33333%;
	}

	.el-col-xs-offset-8 {
		margin-left: 33.33333%;
	}

	.el-col-xs-pull-8 {
		position: relative;
		right: 33.33333%;
	}

	.el-col-xs-push-8 {
		position: relative;
		left: 33.33333%;
	}

	.el-col-xs-9 {
		width: 37.5%;
	}

	.el-col-xs-offset-9 {
		margin-left: 37.5%;
	}

	.el-col-xs-pull-9 {
		position: relative;
		right: 37.5%;
	}

	.el-col-xs-push-9 {
		position: relative;
		left: 37.5%;
	}

	.el-col-xs-10 {
		width: 41.66667%;
	}

	.el-col-xs-offset-10 {
		margin-left: 41.66667%;
	}

	.el-col-xs-pull-10 {
		position: relative;
		right: 41.66667%;
	}

	.el-col-xs-push-10 {
		position: relative;
		left: 41.66667%;
	}

	.el-col-xs-11 {
		width: 45.83333%;
	}

	.el-col-xs-offset-11 {
		margin-left: 45.83333%;
	}

	.el-col-xs-pull-11 {
		position: relative;
		right: 45.83333%;
	}

	.el-col-xs-push-11 {
		position: relative;
		left: 45.83333%;
	}

	.el-col-xs-12 {
		width: 50%;
	}

	.el-col-xs-offset-12 {
		margin-left: 50%;
	}

	.el-col-xs-pull-12 {
		position: relative;
		right: 50%;
	}

	.el-col-xs-push-12 {
		position: relative;
		left: 50%;
	}

	.el-col-xs-13 {
		width: 54.16667%;
	}

	.el-col-xs-offset-13 {
		margin-left: 54.16667%;
	}

	.el-col-xs-pull-13 {
		position: relative;
		right: 54.16667%;
	}

	.el-col-xs-push-13 {
		position: relative;
		left: 54.16667%;
	}

	.el-col-xs-14 {
		width: 58.33333%;
	}

	.el-col-xs-offset-14 {
		margin-left: 58.33333%;
	}

	.el-col-xs-pull-14 {
		position: relative;
		right: 58.33333%;
	}

	.el-col-xs-push-14 {
		position: relative;
		left: 58.33333%;
	}

	.el-col-xs-15 {
		width: 62.5%;
	}

	.el-col-xs-offset-15 {
		margin-left: 62.5%;
	}

	.el-col-xs-pull-15 {
		position: relative;
		right: 62.5%;
	}

	.el-col-xs-push-15 {
		position: relative;
		left: 62.5%;
	}

	.el-col-xs-16 {
		width: 66.66667%;
	}

	.el-col-xs-offset-16 {
		margin-left: 66.66667%;
	}

	.el-col-xs-pull-16 {
		position: relative;
		right: 66.66667%;
	}

	.el-col-xs-push-16 {
		position: relative;
		left: 66.66667%;
	}

	.el-col-xs-17 {
		width: 70.83333%;
	}

	.el-col-xs-offset-17 {
		margin-left: 70.83333%;
	}

	.el-col-xs-pull-17 {
		position: relative;
		right: 70.83333%;
	}

	.el-col-xs-push-17 {
		position: relative;
		left: 70.83333%;
	}

	.el-col-xs-18 {
		width: 75%;
	}

	.el-col-xs-offset-18 {
		margin-left: 75%;
	}

	.el-col-xs-pull-18 {
		position: relative;
		right: 75%;
	}

	.el-col-xs-push-18 {
		position: relative;
		left: 75%;
	}

	.el-col-xs-19 {
		width: 79.16667%;
	}

	.el-col-xs-offset-19 {
		margin-left: 79.16667%;
	}

	.el-col-xs-pull-19 {
		position: relative;
		right: 79.16667%;
	}

	.el-col-xs-push-19 {
		position: relative;
		left: 79.16667%;
	}

	.el-col-xs-20 {
		width: 83.33333%;
	}

	.el-col-xs-offset-20 {
		margin-left: 83.33333%;
	}

	.el-col-xs-pull-20 {
		position: relative;
		right: 83.33333%;
	}

	.el-col-xs-push-20 {
		position: relative;
		left: 83.33333%;
	}

	.el-col-xs-21 {
		width: 87.5%;
	}

	.el-col-xs-offset-21 {
		margin-left: 87.5%;
	}

	.el-col-xs-pull-21 {
		position: relative;
		right: 87.5%;
	}

	.el-col-xs-push-21 {
		position: relative;
		left: 87.5%;
	}

	.el-col-xs-22 {
		width: 91.66667%;
	}

	.el-col-xs-offset-22 {
		margin-left: 91.66667%;
	}

	.el-col-xs-pull-22 {
		position: relative;
		right: 91.66667%;
	}

	.el-col-xs-push-22 {
		position: relative;
		left: 91.66667%;
	}

	.el-col-xs-23 {
		width: 95.83333%;
	}

	.el-col-xs-offset-23 {
		margin-left: 95.83333%;
	}

	.el-col-xs-pull-23 {
		position: relative;
		right: 95.83333%;
	}

	.el-col-xs-push-23 {
		position: relative;
		left: 95.83333%;
	}

	.el-col-xs-24 {
		width: 100%;
	}

	.el-col-xs-offset-24 {
		margin-left: 100%;
	}

	.el-col-xs-pull-24 {
		position: relative;
		right: 100%;
	}

	.el-col-xs-push-24 {
		position: relative;
		left: 100%;
	}
}

@media only screen and (min-width:768px) {
	.el-col-sm-0 {
		display: none;
		width: 0%;
	}

	.el-col-sm-offset-0 {
		margin-left: 0;
	}

	.el-col-sm-pull-0 {
		position: relative;
		right: 0;
	}

	.el-col-sm-push-0 {
		position: relative;
		left: 0;
	}

	.el-col-sm-1 {
		width: 4.16667%;
	}

	.el-col-sm-offset-1 {
		margin-left: 4.16667%;
	}

	.el-col-sm-pull-1 {
		position: relative;
		right: 4.16667%;
	}

	.el-col-sm-push-1 {
		position: relative;
		left: 4.16667%;
	}

	.el-col-sm-2 {
		width: 8.33333%;
	}

	.el-col-sm-offset-2 {
		margin-left: 8.33333%;
	}

	.el-col-sm-pull-2 {
		position: relative;
		right: 8.33333%;
	}

	.el-col-sm-push-2 {
		position: relative;
		left: 8.33333%;
	}

	.el-col-sm-3 {
		width: 12.5%;
	}

	.el-col-sm-offset-3 {
		margin-left: 12.5%;
	}

	.el-col-sm-pull-3 {
		position: relative;
		right: 12.5%;
	}

	.el-col-sm-push-3 {
		position: relative;
		left: 12.5%;
	}

	.el-col-sm-4 {
		width: 16.66667%;
	}

	.el-col-sm-offset-4 {
		margin-left: 16.66667%;
	}

	.el-col-sm-pull-4 {
		position: relative;
		right: 16.66667%;
	}

	.el-col-sm-push-4 {
		position: relative;
		left: 16.66667%;
	}

	.el-col-sm-5 {
		width: 20.83333%;
	}

	.el-col-sm-offset-5 {
		margin-left: 20.83333%;
	}

	.el-col-sm-pull-5 {
		position: relative;
		right: 20.83333%;
	}

	.el-col-sm-push-5 {
		position: relative;
		left: 20.83333%;
	}

	.el-col-sm-6 {
		width: 25%;
	}

	.el-col-sm-offset-6 {
		margin-left: 25%;
	}

	.el-col-sm-pull-6 {
		position: relative;
		right: 25%;
	}

	.el-col-sm-push-6 {
		position: relative;
		left: 25%;
	}

	.el-col-sm-7 {
		width: 29.16667%;
	}

	.el-col-sm-offset-7 {
		margin-left: 29.16667%;
	}

	.el-col-sm-pull-7 {
		position: relative;
		right: 29.16667%;
	}

	.el-col-sm-push-7 {
		position: relative;
		left: 29.16667%;
	}

	.el-col-sm-8 {
		width: 33.33333%;
	}

	.el-col-sm-offset-8 {
		margin-left: 33.33333%;
	}

	.el-col-sm-pull-8 {
		position: relative;
		right: 33.33333%;
	}

	.el-col-sm-push-8 {
		position: relative;
		left: 33.33333%;
	}

	.el-col-sm-9 {
		width: 37.5%;
	}

	.el-col-sm-offset-9 {
		margin-left: 37.5%;
	}

	.el-col-sm-pull-9 {
		position: relative;
		right: 37.5%;
	}

	.el-col-sm-push-9 {
		position: relative;
		left: 37.5%;
	}

	.el-col-sm-10 {
		width: 41.66667%;
	}

	.el-col-sm-offset-10 {
		margin-left: 41.66667%;
	}

	.el-col-sm-pull-10 {
		position: relative;
		right: 41.66667%;
	}

	.el-col-sm-push-10 {
		position: relative;
		left: 41.66667%;
	}

	.el-col-sm-11 {
		width: 45.83333%;
	}

	.el-col-sm-offset-11 {
		margin-left: 45.83333%;
	}

	.el-col-sm-pull-11 {
		position: relative;
		right: 45.83333%;
	}

	.el-col-sm-push-11 {
		position: relative;
		left: 45.83333%;
	}

	.el-col-sm-12 {
		width: 50%;
	}

	.el-col-sm-offset-12 {
		margin-left: 50%;
	}

	.el-col-sm-pull-12 {
		position: relative;
		right: 50%;
	}

	.el-col-sm-push-12 {
		position: relative;
		left: 50%;
	}

	.el-col-sm-13 {
		width: 54.16667%;
	}

	.el-col-sm-offset-13 {
		margin-left: 54.16667%;
	}

	.el-col-sm-pull-13 {
		position: relative;
		right: 54.16667%;
	}

	.el-col-sm-push-13 {
		position: relative;
		left: 54.16667%;
	}

	.el-col-sm-14 {
		width: 58.33333%;
	}

	.el-col-sm-offset-14 {
		margin-left: 58.33333%;
	}

	.el-col-sm-pull-14 {
		position: relative;
		right: 58.33333%;
	}

	.el-col-sm-push-14 {
		position: relative;
		left: 58.33333%;
	}

	.el-col-sm-15 {
		width: 62.5%;
	}

	.el-col-sm-offset-15 {
		margin-left: 62.5%;
	}

	.el-col-sm-pull-15 {
		position: relative;
		right: 62.5%;
	}

	.el-col-sm-push-15 {
		position: relative;
		left: 62.5%;
	}

	.el-col-sm-16 {
		width: 66.66667%;
	}

	.el-col-sm-offset-16 {
		margin-left: 66.66667%;
	}

	.el-col-sm-pull-16 {
		position: relative;
		right: 66.66667%;
	}

	.el-col-sm-push-16 {
		position: relative;
		left: 66.66667%;
	}

	.el-col-sm-17 {
		width: 70.83333%;
	}

	.el-col-sm-offset-17 {
		margin-left: 70.83333%;
	}

	.el-col-sm-pull-17 {
		position: relative;
		right: 70.83333%;
	}

	.el-col-sm-push-17 {
		position: relative;
		left: 70.83333%;
	}

	.el-col-sm-18 {
		width: 75%;
	}

	.el-col-sm-offset-18 {
		margin-left: 75%;
	}

	.el-col-sm-pull-18 {
		position: relative;
		right: 75%;
	}

	.el-col-sm-push-18 {
		position: relative;
		left: 75%;
	}

	.el-col-sm-19 {
		width: 79.16667%;
	}

	.el-col-sm-offset-19 {
		margin-left: 79.16667%;
	}

	.el-col-sm-pull-19 {
		position: relative;
		right: 79.16667%;
	}

	.el-col-sm-push-19 {
		position: relative;
		left: 79.16667%;
	}

	.el-col-sm-20 {
		width: 83.33333%;
	}

	.el-col-sm-offset-20 {
		margin-left: 83.33333%;
	}

	.el-col-sm-pull-20 {
		position: relative;
		right: 83.33333%;
	}

	.el-col-sm-push-20 {
		position: relative;
		left: 83.33333%;
	}

	.el-col-sm-21 {
		width: 87.5%;
	}

	.el-col-sm-offset-21 {
		margin-left: 87.5%;
	}

	.el-col-sm-pull-21 {
		position: relative;
		right: 87.5%;
	}

	.el-col-sm-push-21 {
		position: relative;
		left: 87.5%;
	}

	.el-col-sm-22 {
		width: 91.66667%;
	}

	.el-col-sm-offset-22 {
		margin-left: 91.66667%;
	}

	.el-col-sm-pull-22 {
		position: relative;
		right: 91.66667%;
	}

	.el-col-sm-push-22 {
		position: relative;
		left: 91.66667%;
	}

	.el-col-sm-23 {
		width: 95.83333%;
	}

	.el-col-sm-offset-23 {
		margin-left: 95.83333%;
	}

	.el-col-sm-pull-23 {
		position: relative;
		right: 95.83333%;
	}

	.el-col-sm-push-23 {
		position: relative;
		left: 95.83333%;
	}

	.el-col-sm-24 {
		width: 100%;
	}

	.el-col-sm-offset-24 {
		margin-left: 100%;
	}

	.el-col-sm-pull-24 {
		position: relative;
		right: 100%;
	}

	.el-col-sm-push-24 {
		position: relative;
		left: 100%;
	}
}

@media only screen and (min-width:992px) {
	.el-col-md-0 {
		display: none;
		width: 0%;
	}

	.el-col-md-offset-0 {
		margin-left: 0;
	}

	.el-col-md-pull-0 {
		position: relative;
		right: 0;
	}

	.el-col-md-push-0 {
		position: relative;
		left: 0;
	}

	.el-col-md-1 {
		width: 4.16667%;
	}

	.el-col-md-offset-1 {
		margin-left: 4.16667%;
	}

	.el-col-md-pull-1 {
		position: relative;
		right: 4.16667%;
	}

	.el-col-md-push-1 {
		position: relative;
		left: 4.16667%;
	}

	.el-col-md-2 {
		width: 8.33333%;
	}

	.el-col-md-offset-2 {
		margin-left: 8.33333%;
	}

	.el-col-md-pull-2 {
		position: relative;
		right: 8.33333%;
	}

	.el-col-md-push-2 {
		position: relative;
		left: 8.33333%;
	}

	.el-col-md-3 {
		width: 12.5%;
	}

	.el-col-md-offset-3 {
		margin-left: 12.5%;
	}

	.el-col-md-pull-3 {
		position: relative;
		right: 12.5%;
	}

	.el-col-md-push-3 {
		position: relative;
		left: 12.5%;
	}

	.el-col-md-4 {
		width: 16.66667%;
	}

	.el-col-md-offset-4 {
		margin-left: 16.66667%;
	}

	.el-col-md-pull-4 {
		position: relative;
		right: 16.66667%;
	}

	.el-col-md-push-4 {
		position: relative;
		left: 16.66667%;
	}

	.el-col-md-5 {
		width: 20.83333%;
	}

	.el-col-md-offset-5 {
		margin-left: 20.83333%;
	}

	.el-col-md-pull-5 {
		position: relative;
		right: 20.83333%;
	}

	.el-col-md-push-5 {
		position: relative;
		left: 20.83333%;
	}

	.el-col-md-6 {
		width: 25%;
	}

	.el-col-md-offset-6 {
		margin-left: 25%;
	}

	.el-col-md-pull-6 {
		position: relative;
		right: 25%;
	}

	.el-col-md-push-6 {
		position: relative;
		left: 25%;
	}

	.el-col-md-7 {
		width: 29.16667%;
	}

	.el-col-md-offset-7 {
		margin-left: 29.16667%;
	}

	.el-col-md-pull-7 {
		position: relative;
		right: 29.16667%;
	}

	.el-col-md-push-7 {
		position: relative;
		left: 29.16667%;
	}

	.el-col-md-8 {
		width: 33.33333%;
	}

	.el-col-md-offset-8 {
		margin-left: 33.33333%;
	}

	.el-col-md-pull-8 {
		position: relative;
		right: 33.33333%;
	}

	.el-col-md-push-8 {
		position: relative;
		left: 33.33333%;
	}

	.el-col-md-9 {
		width: 37.5%;
	}

	.el-col-md-offset-9 {
		margin-left: 37.5%;
	}

	.el-col-md-pull-9 {
		position: relative;
		right: 37.5%;
	}

	.el-col-md-push-9 {
		position: relative;
		left: 37.5%;
	}

	.el-col-md-10 {
		width: 41.66667%;
	}

	.el-col-md-offset-10 {
		margin-left: 41.66667%;
	}

	.el-col-md-pull-10 {
		position: relative;
		right: 41.66667%;
	}

	.el-col-md-push-10 {
		position: relative;
		left: 41.66667%;
	}

	.el-col-md-11 {
		width: 45.83333%;
	}

	.el-col-md-offset-11 {
		margin-left: 45.83333%;
	}

	.el-col-md-pull-11 {
		position: relative;
		right: 45.83333%;
	}

	.el-col-md-push-11 {
		position: relative;
		left: 45.83333%;
	}

	.el-col-md-12 {
		width: 50%;
	}

	.el-col-md-offset-12 {
		margin-left: 50%;
	}

	.el-col-md-pull-12 {
		position: relative;
		right: 50%;
	}

	.el-col-md-push-12 {
		position: relative;
		left: 50%;
	}

	.el-col-md-13 {
		width: 54.16667%;
	}

	.el-col-md-offset-13 {
		margin-left: 54.16667%;
	}

	.el-col-md-pull-13 {
		position: relative;
		right: 54.16667%;
	}

	.el-col-md-push-13 {
		position: relative;
		left: 54.16667%;
	}

	.el-col-md-14 {
		width: 58.33333%;
	}

	.el-col-md-offset-14 {
		margin-left: 58.33333%;
	}

	.el-col-md-pull-14 {
		position: relative;
		right: 58.33333%;
	}

	.el-col-md-push-14 {
		position: relative;
		left: 58.33333%;
	}

	.el-col-md-15 {
		width: 62.5%;
	}

	.el-col-md-offset-15 {
		margin-left: 62.5%;
	}

	.el-col-md-pull-15 {
		position: relative;
		right: 62.5%;
	}

	.el-col-md-push-15 {
		position: relative;
		left: 62.5%;
	}

	.el-col-md-16 {
		width: 66.66667%;
	}

	.el-col-md-offset-16 {
		margin-left: 66.66667%;
	}

	.el-col-md-pull-16 {
		position: relative;
		right: 66.66667%;
	}

	.el-col-md-push-16 {
		position: relative;
		left: 66.66667%;
	}

	.el-col-md-17 {
		width: 70.83333%;
	}

	.el-col-md-offset-17 {
		margin-left: 70.83333%;
	}

	.el-col-md-pull-17 {
		position: relative;
		right: 70.83333%;
	}

	.el-col-md-push-17 {
		position: relative;
		left: 70.83333%;
	}

	.el-col-md-18 {
		width: 75%;
	}

	.el-col-md-offset-18 {
		margin-left: 75%;
	}

	.el-col-md-pull-18 {
		position: relative;
		right: 75%;
	}

	.el-col-md-push-18 {
		position: relative;
		left: 75%;
	}

	.el-col-md-19 {
		width: 79.16667%;
	}

	.el-col-md-offset-19 {
		margin-left: 79.16667%;
	}

	.el-col-md-pull-19 {
		position: relative;
		right: 79.16667%;
	}

	.el-col-md-push-19 {
		position: relative;
		left: 79.16667%;
	}

	.el-col-md-20 {
		width: 83.33333%;
	}

	.el-col-md-offset-20 {
		margin-left: 83.33333%;
	}

	.el-col-md-pull-20 {
		position: relative;
		right: 83.33333%;
	}

	.el-col-md-push-20 {
		position: relative;
		left: 83.33333%;
	}

	.el-col-md-21 {
		width: 87.5%;
	}

	.el-col-md-offset-21 {
		margin-left: 87.5%;
	}

	.el-col-md-pull-21 {
		position: relative;
		right: 87.5%;
	}

	.el-col-md-push-21 {
		position: relative;
		left: 87.5%;
	}

	.el-col-md-22 {
		width: 91.66667%;
	}

	.el-col-md-offset-22 {
		margin-left: 91.66667%;
	}

	.el-col-md-pull-22 {
		position: relative;
		right: 91.66667%;
	}

	.el-col-md-push-22 {
		position: relative;
		left: 91.66667%;
	}

	.el-col-md-23 {
		width: 95.83333%;
	}

	.el-col-md-offset-23 {
		margin-left: 95.83333%;
	}

	.el-col-md-pull-23 {
		position: relative;
		right: 95.83333%;
	}

	.el-col-md-push-23 {
		position: relative;
		left: 95.83333%;
	}

	.el-col-md-24 {
		width: 100%;
	}

	.el-col-md-offset-24 {
		margin-left: 100%;
	}

	.el-col-md-pull-24 {
		position: relative;
		right: 100%;
	}

	.el-col-md-push-24 {
		position: relative;
		left: 100%;
	}
}

@media only screen and (min-width:1200px) {
	.el-col-lg-0 {
		display: none;
		width: 0%;
	}

	.el-col-lg-offset-0 {
		margin-left: 0;
	}

	.el-col-lg-pull-0 {
		position: relative;
		right: 0;
	}

	.el-col-lg-push-0 {
		position: relative;
		left: 0;
	}

	.el-col-lg-1 {
		width: 4.16667%;
	}

	.el-col-lg-offset-1 {
		margin-left: 4.16667%;
	}

	.el-col-lg-pull-1 {
		position: relative;
		right: 4.16667%;
	}

	.el-col-lg-push-1 {
		position: relative;
		left: 4.16667%;
	}

	.el-col-lg-2 {
		width: 8.33333%;
	}

	.el-col-lg-offset-2 {
		margin-left: 8.33333%;
	}

	.el-col-lg-pull-2 {
		position: relative;
		right: 8.33333%;
	}

	.el-col-lg-push-2 {
		position: relative;
		left: 8.33333%;
	}

	.el-col-lg-3 {
		width: 12.5%;
	}

	.el-col-lg-offset-3 {
		margin-left: 12.5%;
	}

	.el-col-lg-pull-3 {
		position: relative;
		right: 12.5%;
	}

	.el-col-lg-push-3 {
		position: relative;
		left: 12.5%;
	}

	.el-col-lg-4 {
		width: 16.66667%;
	}

	.el-col-lg-offset-4 {
		margin-left: 16.66667%;
	}

	.el-col-lg-pull-4 {
		position: relative;
		right: 16.66667%;
	}

	.el-col-lg-push-4 {
		position: relative;
		left: 16.66667%;
	}

	.el-col-lg-5 {
		width: 20.83333%;
	}

	.el-col-lg-offset-5 {
		margin-left: 20.83333%;
	}

	.el-col-lg-pull-5 {
		position: relative;
		right: 20.83333%;
	}

	.el-col-lg-push-5 {
		position: relative;
		left: 20.83333%;
	}

	.el-col-lg-6 {
		width: 25%;
	}

	.el-col-lg-offset-6 {
		margin-left: 25%;
	}

	.el-col-lg-pull-6 {
		position: relative;
		right: 25%;
	}

	.el-col-lg-push-6 {
		position: relative;
		left: 25%;
	}

	.el-col-lg-7 {
		width: 29.16667%;
	}

	.el-col-lg-offset-7 {
		margin-left: 29.16667%;
	}

	.el-col-lg-pull-7 {
		position: relative;
		right: 29.16667%;
	}

	.el-col-lg-push-7 {
		position: relative;
		left: 29.16667%;
	}

	.el-col-lg-8 {
		width: 33.33333%;
	}

	.el-col-lg-offset-8 {
		margin-left: 33.33333%;
	}

	.el-col-lg-pull-8 {
		position: relative;
		right: 33.33333%;
	}

	.el-col-lg-push-8 {
		position: relative;
		left: 33.33333%;
	}

	.el-col-lg-9 {
		width: 37.5%;
	}

	.el-col-lg-offset-9 {
		margin-left: 37.5%;
	}

	.el-col-lg-pull-9 {
		position: relative;
		right: 37.5%;
	}

	.el-col-lg-push-9 {
		position: relative;
		left: 37.5%;
	}

	.el-col-lg-10 {
		width: 41.66667%;
	}

	.el-col-lg-offset-10 {
		margin-left: 41.66667%;
	}

	.el-col-lg-pull-10 {
		position: relative;
		right: 41.66667%;
	}

	.el-col-lg-push-10 {
		position: relative;
		left: 41.66667%;
	}

	.el-col-lg-11 {
		width: 45.83333%;
	}

	.el-col-lg-offset-11 {
		margin-left: 45.83333%;
	}

	.el-col-lg-pull-11 {
		position: relative;
		right: 45.83333%;
	}

	.el-col-lg-push-11 {
		position: relative;
		left: 45.83333%;
	}

	.el-col-lg-12 {
		width: 50%;
	}

	.el-col-lg-offset-12 {
		margin-left: 50%;
	}

	.el-col-lg-pull-12 {
		position: relative;
		right: 50%;
	}

	.el-col-lg-push-12 {
		position: relative;
		left: 50%;
	}

	.el-col-lg-13 {
		width: 54.16667%;
	}

	.el-col-lg-offset-13 {
		margin-left: 54.16667%;
	}

	.el-col-lg-pull-13 {
		position: relative;
		right: 54.16667%;
	}

	.el-col-lg-push-13 {
		position: relative;
		left: 54.16667%;
	}

	.el-col-lg-14 {
		width: 58.33333%;
	}

	.el-col-lg-offset-14 {
		margin-left: 58.33333%;
	}

	.el-col-lg-pull-14 {
		position: relative;
		right: 58.33333%;
	}

	.el-col-lg-push-14 {
		position: relative;
		left: 58.33333%;
	}

	.el-col-lg-15 {
		width: 62.5%;
	}

	.el-col-lg-offset-15 {
		margin-left: 62.5%;
	}

	.el-col-lg-pull-15 {
		position: relative;
		right: 62.5%;
	}

	.el-col-lg-push-15 {
		position: relative;
		left: 62.5%;
	}

	.el-col-lg-16 {
		width: 66.66667%;
	}

	.el-col-lg-offset-16 {
		margin-left: 66.66667%;
	}

	.el-col-lg-pull-16 {
		position: relative;
		right: 66.66667%;
	}

	.el-col-lg-push-16 {
		position: relative;
		left: 66.66667%;
	}

	.el-col-lg-17 {
		width: 70.83333%;
	}

	.el-col-lg-offset-17 {
		margin-left: 70.83333%;
	}

	.el-col-lg-pull-17 {
		position: relative;
		right: 70.83333%;
	}

	.el-col-lg-push-17 {
		position: relative;
		left: 70.83333%;
	}

	.el-col-lg-18 {
		width: 75%;
	}

	.el-col-lg-offset-18 {
		margin-left: 75%;
	}

	.el-col-lg-pull-18 {
		position: relative;
		right: 75%;
	}

	.el-col-lg-push-18 {
		position: relative;
		left: 75%;
	}

	.el-col-lg-19 {
		width: 79.16667%;
	}

	.el-col-lg-offset-19 {
		margin-left: 79.16667%;
	}

	.el-col-lg-pull-19 {
		position: relative;
		right: 79.16667%;
	}

	.el-col-lg-push-19 {
		position: relative;
		left: 79.16667%;
	}

	.el-col-lg-20 {
		width: 83.33333%;
	}

	.el-col-lg-offset-20 {
		margin-left: 83.33333%;
	}

	.el-col-lg-pull-20 {
		position: relative;
		right: 83.33333%;
	}

	.el-col-lg-push-20 {
		position: relative;
		left: 83.33333%;
	}

	.el-col-lg-21 {
		width: 87.5%;
	}

	.el-col-lg-offset-21 {
		margin-left: 87.5%;
	}

	.el-col-lg-pull-21 {
		position: relative;
		right: 87.5%;
	}

	.el-col-lg-push-21 {
		position: relative;
		left: 87.5%;
	}

	.el-col-lg-22 {
		width: 91.66667%;
	}

	.el-col-lg-offset-22 {
		margin-left: 91.66667%;
	}

	.el-col-lg-pull-22 {
		position: relative;
		right: 91.66667%;
	}

	.el-col-lg-push-22 {
		position: relative;
		left: 91.66667%;
	}

	.el-col-lg-23 {
		width: 95.83333%;
	}

	.el-col-lg-offset-23 {
		margin-left: 95.83333%;
	}

	.el-col-lg-pull-23 {
		position: relative;
		right: 95.83333%;
	}

	.el-col-lg-push-23 {
		position: relative;
		left: 95.83333%;
	}

	.el-col-lg-24 {
		width: 100%;
	}

	.el-col-lg-offset-24 {
		margin-left: 100%;
	}

	.el-col-lg-pull-24 {
		position: relative;
		right: 100%;
	}

	.el-col-lg-push-24 {
		position: relative;
		left: 100%;
	}
}

@media only screen and (min-width:1920px) {
	.el-col-xl-0 {
		display: none;
		width: 0%;
	}

	.el-col-xl-offset-0 {
		margin-left: 0;
	}

	.el-col-xl-pull-0 {
		position: relative;
		right: 0;
	}

	.el-col-xl-push-0 {
		position: relative;
		left: 0;
	}

	.el-col-xl-1 {
		width: 4.16667%;
	}

	.el-col-xl-offset-1 {
		margin-left: 4.16667%;
	}

	.el-col-xl-pull-1 {
		position: relative;
		right: 4.16667%;
	}

	.el-col-xl-push-1 {
		position: relative;
		left: 4.16667%;
	}

	.el-col-xl-2 {
		width: 8.33333%;
	}

	.el-col-xl-offset-2 {
		margin-left: 8.33333%;
	}

	.el-col-xl-pull-2 {
		position: relative;
		right: 8.33333%;
	}

	.el-col-xl-push-2 {
		position: relative;
		left: 8.33333%;
	}

	.el-col-xl-3 {
		width: 12.5%;
	}

	.el-col-xl-offset-3 {
		margin-left: 12.5%;
	}

	.el-col-xl-pull-3 {
		position: relative;
		right: 12.5%;
	}

	.el-col-xl-push-3 {
		position: relative;
		left: 12.5%;
	}

	.el-col-xl-4 {
		width: 16.66667%;
	}

	.el-col-xl-offset-4 {
		margin-left: 16.66667%;
	}

	.el-col-xl-pull-4 {
		position: relative;
		right: 16.66667%;
	}

	.el-col-xl-push-4 {
		position: relative;
		left: 16.66667%;
	}

	.el-col-xl-5 {
		width: 20.83333%;
	}

	.el-col-xl-offset-5 {
		margin-left: 20.83333%;
	}

	.el-col-xl-pull-5 {
		position: relative;
		right: 20.83333%;
	}

	.el-col-xl-push-5 {
		position: relative;
		left: 20.83333%;
	}

	.el-col-xl-6 {
		width: 25%;
	}

	.el-col-xl-offset-6 {
		margin-left: 25%;
	}

	.el-col-xl-pull-6 {
		position: relative;
		right: 25%;
	}

	.el-col-xl-push-6 {
		position: relative;
		left: 25%;
	}

	.el-col-xl-7 {
		width: 29.16667%;
	}

	.el-col-xl-offset-7 {
		margin-left: 29.16667%;
	}

	.el-col-xl-pull-7 {
		position: relative;
		right: 29.16667%;
	}

	.el-col-xl-push-7 {
		position: relative;
		left: 29.16667%;
	}

	.el-col-xl-8 {
		width: 33.33333%;
	}

	.el-col-xl-offset-8 {
		margin-left: 33.33333%;
	}

	.el-col-xl-pull-8 {
		position: relative;
		right: 33.33333%;
	}

	.el-col-xl-push-8 {
		position: relative;
		left: 33.33333%;
	}

	.el-col-xl-9 {
		width: 37.5%;
	}

	.el-col-xl-offset-9 {
		margin-left: 37.5%;
	}

	.el-col-xl-pull-9 {
		position: relative;
		right: 37.5%;
	}

	.el-col-xl-push-9 {
		position: relative;
		left: 37.5%;
	}

	.el-col-xl-10 {
		width: 41.66667%;
	}

	.el-col-xl-offset-10 {
		margin-left: 41.66667%;
	}

	.el-col-xl-pull-10 {
		position: relative;
		right: 41.66667%;
	}

	.el-col-xl-push-10 {
		position: relative;
		left: 41.66667%;
	}

	.el-col-xl-11 {
		width: 45.83333%;
	}

	.el-col-xl-offset-11 {
		margin-left: 45.83333%;
	}

	.el-col-xl-pull-11 {
		position: relative;
		right: 45.83333%;
	}

	.el-col-xl-push-11 {
		position: relative;
		left: 45.83333%;
	}

	.el-col-xl-12 {
		width: 50%;
	}

	.el-col-xl-offset-12 {
		margin-left: 50%;
	}

	.el-col-xl-pull-12 {
		position: relative;
		right: 50%;
	}

	.el-col-xl-push-12 {
		position: relative;
		left: 50%;
	}

	.el-col-xl-13 {
		width: 54.16667%;
	}

	.el-col-xl-offset-13 {
		margin-left: 54.16667%;
	}

	.el-col-xl-pull-13 {
		position: relative;
		right: 54.16667%;
	}

	.el-col-xl-push-13 {
		position: relative;
		left: 54.16667%;
	}

	.el-col-xl-14 {
		width: 58.33333%;
	}

	.el-col-xl-offset-14 {
		margin-left: 58.33333%;
	}

	.el-col-xl-pull-14 {
		position: relative;
		right: 58.33333%;
	}

	.el-col-xl-push-14 {
		position: relative;
		left: 58.33333%;
	}

	.el-col-xl-15 {
		width: 62.5%;
	}

	.el-col-xl-offset-15 {
		margin-left: 62.5%;
	}

	.el-col-xl-pull-15 {
		position: relative;
		right: 62.5%;
	}

	.el-col-xl-push-15 {
		position: relative;
		left: 62.5%;
	}

	.el-col-xl-16 {
		width: 66.66667%;
	}

	.el-col-xl-offset-16 {
		margin-left: 66.66667%;
	}

	.el-col-xl-pull-16 {
		position: relative;
		right: 66.66667%;
	}

	.el-col-xl-push-16 {
		position: relative;
		left: 66.66667%;
	}

	.el-col-xl-17 {
		width: 70.83333%;
	}

	.el-col-xl-offset-17 {
		margin-left: 70.83333%;
	}

	.el-col-xl-pull-17 {
		position: relative;
		right: 70.83333%;
	}

	.el-col-xl-push-17 {
		position: relative;
		left: 70.83333%;
	}

	.el-col-xl-18 {
		width: 75%;
	}

	.el-col-xl-offset-18 {
		margin-left: 75%;
	}

	.el-col-xl-pull-18 {
		position: relative;
		right: 75%;
	}

	.el-col-xl-push-18 {
		position: relative;
		left: 75%;
	}

	.el-col-xl-19 {
		width: 79.16667%;
	}

	.el-col-xl-offset-19 {
		margin-left: 79.16667%;
	}

	.el-col-xl-pull-19 {
		position: relative;
		right: 79.16667%;
	}

	.el-col-xl-push-19 {
		position: relative;
		left: 79.16667%;
	}

	.el-col-xl-20 {
		width: 83.33333%;
	}

	.el-col-xl-offset-20 {
		margin-left: 83.33333%;
	}

	.el-col-xl-pull-20 {
		position: relative;
		right: 83.33333%;
	}

	.el-col-xl-push-20 {
		position: relative;
		left: 83.33333%;
	}

	.el-col-xl-21 {
		width: 87.5%;
	}

	.el-col-xl-offset-21 {
		margin-left: 87.5%;
	}

	.el-col-xl-pull-21 {
		position: relative;
		right: 87.5%;
	}

	.el-col-xl-push-21 {
		position: relative;
		left: 87.5%;
	}

	.el-col-xl-22 {
		width: 91.66667%;
	}

	.el-col-xl-offset-22 {
		margin-left: 91.66667%;
	}

	.el-col-xl-pull-22 {
		position: relative;
		right: 91.66667%;
	}

	.el-col-xl-push-22 {
		position: relative;
		left: 91.66667%;
	}

	.el-col-xl-23 {
		width: 95.83333%;
	}

	.el-col-xl-offset-23 {
		margin-left: 95.83333%;
	}

	.el-col-xl-pull-23 {
		position: relative;
		right: 95.83333%;
	}

	.el-col-xl-push-23 {
		position: relative;
		left: 95.83333%;
	}

	.el-col-xl-24 {
		width: 100%;
	}

	.el-col-xl-offset-24 {
		margin-left: 100%;
	}

	.el-col-xl-pull-24 {
		position: relative;
		right: 100%;
	}

	.el-col-xl-push-24 {
		position: relative;
		left: 100%;
	}
}
